@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* 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-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-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; } }
/* extending styles for animations */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/* Custom styling starts here */
.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-no-suggestion {
  padding: 2px 5px; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000; }

.autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000; }

.detailsInfo .picture {
  display: block; }

.fb3dbutton {
  font-size: 16px;
  line-height: normal;
  height: auto; }

.feuerball3D {
  position: relativ;
  margin: 0 auto; }

.fb3dpan {
  background: #fff;
  position: relative;
  /* always set to relative or offset() won't work */
  padding: 0;
  margin: 0; }

.fb3dpan span.loader {
  /* the loader label*/
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  color: #000;
  background: #fff;
  font: normal 9px Arial, Verdana;
  padding: 3px; }

.fb3dwrap {
  /* the zoom icon */
  display: inline; }

.fb3dwrap .zoomIcon {
  /* the zoom icon */
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  z-index: 1;
  display: none; }

#imagebox {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto; }

#lboximgdatacontainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
  padding: 0 10px 10px 10px;
  color: #666; }

#fb3dzoomloading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#lboximgdatacontainer #fb3dzoomlbox-image-details {
  width: 70%;
  float: left;
  text-align: left; }

#fb3dzoom-image-caption {
  font-weight: bold; }

/* EXTRA Feuerball */
#infinite {
  position: absolute;
  z-index: 10; }

#infinite #zoomin {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: inline; }

#infinite #zoomout {
  position: relative;
  overflow: hidden;
  z-index: 10; }

#hotspots, #hotspotclose, #fullscreen, #playpause, #audiomute, #audioslider, #zoomslider, #navigation-x, #navigation-y, #navy, #dragrotate {
  position: absolute;
  z-index: 11; }

#hotspots #hs_on, #hotspots #hs_off, #fullscreen #fs_on, #fullscreen #fs_off, #audiomute #soundon, #audiomute #soundoff, #playpause #play, #playpause #pause, #navigation-x #goleft, #navigation-x #goright, #navigation-y #gotop, #navigation-y #gobottom, #navy #button_navx, #navy #button_navy, #dragrotate #drag, #dragrotate #rotate {
  position: relative;
  overflow: hidden;
  z-index: 11; }

#hotspots #hs_off, #fullscreen #fs_off, #audiomute #soundoff, #playpause #play, #dragrotate #drag, #dragrotate #rotate {
  display: none; }

#hotspotclose #close {
  position: relative;
  overflow: hidden;
  z-index: 12;
  display: none; }

.reel-annotation {
  float: left; }

.reel-annotation a, .reel-annotation a img {
  border: 0px; }

.reel-annotation a {
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity = 75)";
  opacity: .75; }

.reel-annotation a:hover {
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity = 100)";
  opacity: 1.0; }

.hotspot-detail {
  background-color: #ffffff; }

#zoom-tiles img:-moz-loading {
  visibility: hidden; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=20px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Interaction states
----------------------------------*/
.basic .ui-state-default, .basic .ui-widget-content .ui-state-default, .basic .ui-widget-header .ui-state-default {
  border: 3px solid #cccccc;
  background: #ffffff url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #cccccc; }

/*FB3D*/
.basic .ui-state-default a, .basic .ui-state-default a:link, .basic .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.basic .ui-state-hover, .basic .ui-state-focus, .basic .ui-widget-content .ui-state-hover, .basic .ui-widget-header .ui-state-hover {
  border: 3px solid #cccccc;
  background: #cccccc url('/media/system-files/img/feuerball3d/basic-navi/basic-on.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff; }

/*FB3D*/
.basic .ui-state-hover a, .basic .ui-state-hover a:hover, .basic .ui-state-focus a, .basic .ui-state-focus a:hover {
  color: #212121;
  text-decoration: none; }

.basic .ui-state-active, .basic .ui-widget-content .ui-state-active, .basic .ui-widget-header .ui-state-active {
  border: 3px solid #cccccc;
  background: #cccccc url('/media/system-files/img/feuerball3d/basic-navi/basic-on.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff; }

.basic .ui-state-active a, .basic .ui-state-active a:link, .basic .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.basic .ui-widget :active {
  outline: none; }

/* Icons
----------------------------------*/
/* states and images */
.basic .ui-icon {
  width: 28px;
  height: 28px;
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png'); }

.basic .ui-widget-content .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png'); }

.basic .ui-widget-header .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png'); }

.basic .ui-state-default .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png'); }

.basic .ui-state-hover .ui-icon, .basic .ui-state-focus .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-on.png'); }

.basic .ui-state-active .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-on.png'); }

.basic .ui-state-highlight .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-on.png'); }

.basic .ui-state-error .ui-icon, .basic .ui-state-error-text .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png'); }

/* positioning */
.basic .ui-feuerball-right {
  background-position: -17px 0px; }

/*FB3D right*/
.basic .ui-feuerball-bottom {
  background-position: -17px -17px; }

/*FB3D bottom*/
.basic .ui-feuerball-left {
  background-position: 0px 0px; }

/*FB3D left*/
.basic .ui-feuerball-top {
  background-position: 0px -17px; }

/*FB3D top*/
.basic .ui-feuerball-zoomin, .basic .ui-feuerball-szoomin {
  background-position: 0px -78px; }

/*FB3D Zoom Plus*/
.basic .ui-feuerball-zoomout, .basic .ui-feuerball-szoomout {
  background-position: -17px -78px; }

/*FB3D Zoom Minus*/
.basic .ui-feuerball-drag {
  background-position: -34px -34px; }

/*FB3D Drag&Drop im Zoom*/
.basic .ui-feuerball-rotate {
  background-position: -51px -34px; }

/*FB3D Rotate im Zoom*/
.basic .ui-feuerball-fullscreen-on {
  background-position: -34px 0px; }

/*FB3D Fullscreen on*/
.basic .ui-feuerball-fullscreen-off {
  background-position: -34px -17px; }

/*FB3D Fullscreen off*/
.basic .ui-feuerball-play {
  background-position: -51px 0px; }

/*FB3D Play*/
.basic .ui-feuerball-pause {
  background-position: -51px 0px; }

/*FB3D Pause*/
.basic .ui-feuerball-sound-on {
  background-position: -85px 0px; }

/*FB3D Sound on*/
.basic .ui-feuerball-sound-off {
  background-position: -68px 0px; }

/*FB3D Sound off*/
.basic .ui-feuerball-hotspots-on {
  background-position: -85px -17px; }

/*FB3D Hotspots on*/
.basic .ui-feuerball-hotspots-off {
  background-position: -102px -17px; }

/*FB3D Hotspots off*/
.basic .ui-feuerball-close {
  background-position: -51px -17px; }

/*FB3D Close*/
/* Misc visuals
----------------------------------*/
/* Corner radius */
.basic .ui-corner-all {
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px; }

/*FB3D*/
/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.basic .ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.basic .ui-button-icon-only {
  width: 28px; }

/* to make room for the icon, a width needs to be set here */
.basic button.ui-button-icon-only {
  width: 28px; }

/* button elements seem to need a little more width */
.basic .ui-button-icons-only {
  width: 3.4em; }

.basic button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.basic .ui-button .ui-button-text {
  display: block;
  line-height: 22px; }

.basic .ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.basic .ui-button-icon-only .ui-button-text, .basic .ui-button-icons-only .ui-button-text {
  padding: 0em;
  text-indent: -9999999px; }

.basic .ui-button-text-icon-primary .ui-button-text, .basic .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.basic .ui-button-text-icon-secondary .ui-button-text, .basic .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.basic .ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
.basic input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.basic .ui-button-icon-only .ui-icon, .basic .ui-button-text-icon-primary .ui-icon, .basic .ui-button-text-icon-secondary .ui-icon, .basic .ui-button-text-icons .ui-icon, .basic .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.basic .ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.basic .ui-button-text-icon-primary .ui-button-icon-primary, .basic .ui-button-text-icons .ui-button-icon-primary, .basic .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.basic .ui-button-text-icon-secondary .ui-button-icon-secondary, .basic .ui-button-text-icons .ui-button-icon-secondary, .basic .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.basic .ui-button-text-icons .ui-button-icon-secondary, .basic .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* workarounds */
.basic button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
/*
 * jQuery UI Slider 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.basic .ui-slider {
  position: relative;
  top: 46px;
  text-align: left;
  background: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png') 1px -104px repeat-x;
  border: 0px; }

.basic .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 3px;
  cursor: default; }

.basic .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.basic .ui-slider-horizontal {
  height: .8em; }

.basic .ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.basic .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.basic .ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.basic .ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.basic .ui-slider-vertical {
  width: 1.4em;
  height: 48px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.basic .ui-slider-vertical .ui-slider-handle {
  left: -.2em;
  margin-left: 0;
  margin-bottom: -.3em; }

.basic .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 90%; }

.basic .ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.basic .ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.basic #indicator-x {
  position: absolute;
  top: 0px;
  text-align: left;
  z-index: 11;
  background: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-top: 3px solid #cccccc;
  border-radius: 0px; }

.basic #indicator-x .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.basic #indicator-x .ui-slider-handle {
  position: absolute;
  top: -.5em;
  margin-left: -.6em;
  z-index: 2;
  width: 6px;
  height: 6px;
  cursor: default; }

.basic #indicator-y {
  position: absolute;
  top: 0px;
  text-align: left;
  z-index: 11;
  background: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-right: 3px solid #cccccc;
  border-radius: 0px; }

.basic #indicator-y .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.basic #indicator-y .ui-slider-handle {
  position: absolute;
  left: .5em;
  margin-left: -.6em;
  z-index: 2;
  width: 6px;
  height: 6px;
  cursor: default; }

.basic .hotspot-circle {
  border: 2px solid #cccccc;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  width: 10px;
  height: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }

.basic .hotspot-dot {
  background-color: #cccccc;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  width: 4px;
  height: 4px;
  margin: 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.basic .hotspot-detail {
  width: 100%;
  height: 100%; }

.basic .hotspot-title {
  padding: 2px;
  font-weight: bold; }

.basic .hotspot-text {
  padding: 2px; }

.basic #audioslider {
  position: absolute;
  top: 0px;
  width: 40px;
  height: 25px;
  text-align: left;
  z-index: 11;
  background: url('/media/system-files/img/feuerball3d/basic-navi/basic-off.png') 0px -50px no-repeat;
  border: 0px; }

.basic #audioslider .ui-slider-range {
  position: absolute;
  z-index: 2;
  font-size: .7em;
  height: 20px;
  cursor: default; }

.basic #audioslider .ui-slider-handle {
  position: absolute;
  top: -.1em;
  margin-left: -.3em;
  z-index: 2;
  width: 3px;
  height: 20px;
  cursor: default; }

.fb3dwrap .basic #indicator-x .ui-slider-handle {
  width: 8px;
  height: 8px; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Icons
----------------------------------*/
/* states and images */
.custom .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=20px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Interaction states
----------------------------------*/
.custom .ui-state-default, .custom .ui-widget-content .ui-state-default, .custom .ui-widget-header .ui-state-default {
  border: 0px;
  background: none;
  font-weight: normal;
  color: #cccccc; }

/*FB3D*/
.custom .ui-state-default a, .custom .ui-state-default a:link, .custom .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.custom .ui-state-hover, .custom .ui-widget-content .ui-state-hover, .custom .ui-widget-header .ui-state-hover {
  border: 0px;
  background: none;
  font-weight: normal;
  color: #ffffff; }

/*FB3D*/
.custom .ui-state-hover a, .custom .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.custom .ui-state-active, .custom .ui-widget-content .ui-state-active, .custom .ui-widget-header .ui-state-active {
  border: 0px;
  background: none;
  font-weight: normal;
  color: #ffffff; }

.custom .ui-state-active a, .custom .ui-state-active a:link, .custom .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.custom .ui-widget :active {
  outline: none; }

/* Icons
----------------------------------*/
/* states and images */
.custom .ui-icon {
  width: 40px;
  height: 40px; }

/* FB3D right */
.custom .ui-feuerball-right {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_pfeil_rechts1.png); }

.custom .ui-widget-content .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts1.png); }

.custom .ui-widget-header .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts1.png); }

.custom .ui-state-default .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts1.png); }

.custom .ui-state-hover .ui-feuerball-right, .custom .ui-state-focus .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts2.png); }

.custom .ui-state-active .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts3.png); }

.custom .ui-state-highlight .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts2.png); }

.custom .ui-state-error .ui-feuerball-right, .custom .ui-state-error-text .ui-feuerball-right {
  background-image: url(custom_navi/ani_pfeil_rechts1.png); }

/* FB3D left */
.custom .ui-feuerball-left {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_pfeil_links1.png); }

.custom .ui-widget-content .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links1.png); }

.custom .ui-widget-header .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links1.png); }

.custom .ui-state-default .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links1.png); }

.custom .ui-state-hover .ui-feuerball-left, .custom .ui-state-focus .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links2.png); }

.custom .ui-state-active .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links3.png); }

.custom .ui-state-highlight .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links2.png); }

.custom .ui-state-error .ui-feuerball-left, .custom .ui-state-error-text .ui-feuerball-left {
  background-image: url(custom_navi/ani_pfeil_links1.png); }

/* FB3D top */
.custom .ui-feuerball-top {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_pfeil_oben1.png); }

.custom .ui-widget-content .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben1.png); }

.custom .ui-widget-header .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben1.png); }

.custom .ui-state-default .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben1.png); }

.custom .ui-state-hover .ui-feuerball-top, .custom .ui-state-focus .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben2.png); }

.custom .ui-state-active .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben3.png); }

.custom .ui-state-highlight .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben2.png); }

.custom .ui-state-error .ui-feuerball-top, .custom .ui-state-error-text .ui-feuerball-top {
  background-image: url(custom_navi/ani_pfeil_oben1.png); }

/* FB3D unten */
.custom .ui-feuerball-bottom {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_pfeil_unten1.png); }

.custom .ui-widget-content .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten1.png); }

.custom .ui-widget-header .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten1.png); }

.custom .ui-state-default .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten1.png); }

.custom .ui-state-hover .ui-feuerball-bottom, .custom .ui-state-focus .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten2.png); }

.custom .ui-state-active .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten3.png); }

.custom .ui-state-highlight .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten2.png); }

.custom .ui-state-error .ui-feuerball-bottom, .custom .ui-state-error-text .ui-feuerball-bottom {
  background-image: url(custom_navi/ani_pfeil_unten1.png); }

/* FB3D ZoomIn */
.custom .ui-feuerball-zoomin {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_zoom_plus1.png); }

.custom .ui-widget-content .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus1.png); }

.custom .ui-widget-header .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus1.png); }

.custom .ui-state-default .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus1.png); }

.custom .ui-state-hover .ui-feuerball-zoomin, .custom .ui-state-focus .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus2.png); }

.custom .ui-state-active .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus3.png); }

.custom .ui-state-highlight .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus2.png); }

.custom .ui-state-error .ui-feuerball-zoomin, .custom .ui-state-error-text .ui-feuerball-zoomin {
  background-image: url(custom_navi/ani_zoom_plus1.png); }

/* FB3D ZoomOut */
.custom .ui-feuerball-zoomout {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_zoom_minus1.png); }

.custom .ui-widget-content .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus1.png); }

.custom .ui-widget-header .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus1.png); }

.custom .ui-state-default .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus1.png); }

.custom .ui-state-hover .ui-feuerball-zoomout, .custom .ui-state-focus .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus2.png); }

.custom .ui-state-active .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus3.png); }

.custom .ui-state-highlight .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus2.png); }

.custom .ui-state-error .ui-feuerball-zoomout, .custom .ui-state-error-text .ui-feuerball-zoomout {
  background-image: url(custom_navi/ani_zoom_minus1.png); }

/* FB3D SuperZoomIn */
.custom .ui-feuerball-szoomin {
  width: 26px;
  height: 26px;
  background-image: url(custom_navi/ani_szoom_plus1.png); }

.custom .ui-widget-content .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus1.png); }

.custom .ui-widget-header .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus1.png); }

.custom .ui-state-default .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus1.png); }

.custom .ui-state-hover .ui-feuerball-szoomin, .custom .ui-state-focus .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus2.png); }

.custom .ui-state-active .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus2.png); }

.custom .ui-state-highlight .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus2.png); }

.custom .ui-state-error .ui-feuerball-szoomin, .custom .ui-state-error-text .ui-feuerball-szoomin {
  background-image: url(custom_navi/ani_szoom_plus1.png); }

/* FB3D SuperZoomOut */
.custom .ui-feuerball-szoomout {
  width: 26px;
  height: 26px;
  background-image: url(custom_navi/ani_szoom_minus1.png); }

.custom .ui-widget-content .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus1.png); }

.custom .ui-widget-header .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus1.png); }

.custom .ui-state-default .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus1.png); }

.custom .ui-state-hover .ui-feuerball-szoomout, .custom .ui-state-focus .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus2.png); }

.custom .ui-state-active .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus2.png); }

.custom .ui-state-highlight .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus2.png); }

.custom .ui-state-error .ui-feuerball-szoomout, .custom .ui-state-error-text .ui-feuerball-szoomout {
  background-image: url(custom_navi/ani_szoom_minus1.png); }

/* FB3D Play */
.custom .ui-feuerball-play {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-widget-content .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-widget-header .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-state-default .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-state-hover .ui-feuerball-play, .custom .ui-state-focus .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-state-active .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-state-highlight .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-state-error .ui-feuerball-play, .custom .ui-state-error-text .ui-feuerball-play {
  background-image: url(custom_navi/ani_playpause_off.png); }

/* FB3D Pause */
.custom .ui-feuerball-pause {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-widget-content .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-widget-header .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-state-default .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_on.png); }

.custom .ui-state-hover .ui-feuerball-pause, .custom .ui-state-focus .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-state-active .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-state-highlight .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_off.png); }

.custom .ui-state-error .ui-feuerball-pause, .custom .ui-state-error-text .ui-feuerball-pause {
  background-image: url(custom_navi/ani_playpause_on.png); }

/* FB3D Drag im Zoom */
.custom .ui-feuerball-drag {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_dragbutton_off.png); }

.custom .ui-widget-content .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_off.png); }

.custom .ui-widget-header .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_off.png); }

.custom .ui-state-default .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_off.png); }

.custom .ui-state-hover .ui-feuerball-drag, .custom .ui-state-focus .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_on.png); }

.custom .ui-state-active .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_on.png); }

.custom .ui-state-highlight .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_on.png); }

.custom .ui-state-error .ui-feuerball-drag, .custom .ui-state-error-text .ui-feuerball-drag {
  background-image: url(custom_navi/ani_dragbutton_off.png); }

/* FB3D Rotate im Zoom */
.custom .ui-feuerball-rotate {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_rotatebutton_off.png); }

.custom .ui-widget-content .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_off.png); }

.custom .ui-widget-header .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_off.png); }

.custom .ui-state-default .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_off.png); }

.custom .ui-state-hover .ui-feuerball-rotate, .custom .ui-state-focus .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_on.png); }

.custom .ui-state-active .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_on.png); }

.custom .ui-state-highlight .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_on.png); }

.custom .ui-state-error .ui-feuerball-rotate, .custom .ui-state-error-text .ui-feuerball-rotate {
  background-image: url(custom_navi/ani_rotatebutton_off.png); }

/* FB3D Fullscreen On */
.custom .ui-feuerball-fullscreen-on {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-widget-content .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-widget-header .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-state-default .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-state-hover .ui-feuerball-fullscreen-on, .custom .ui-state-focus .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on2.png); }

.custom .ui-state-active .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on2.png); }

.custom .ui-state-highlight .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on2.png); }

.custom .ui-state-error .ui-feuerball-fullscreen-on, .custom .ui-state-error-text .ui-feuerball-fullscreen-on {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

/* FB3D Fullscreen Off */
.custom .ui-feuerball-fullscreen-off {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-widget-content .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-widget-header .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-state-default .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

.custom .ui-state-hover .ui-feuerball-fullscreen-off, .custom .ui-state-focus .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on2.png); }

.custom .ui-state-active .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on2.png); }

.custom .ui-state-highlight .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on2.png); }

.custom .ui-state-error .ui-feuerball-fullscreen-off, .custom .ui-state-error-text .ui-feuerball-fullscreen-off {
  background-image: url(custom_navi/ani_fullscreen_on1.png); }

/* FB3D Sound On */
.custom .ui-feuerball-sound-on {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_audio_on1.png); }

.custom .ui-widget-content .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on1.png); }

.custom .ui-widget-header .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on1.png); }

.custom .ui-state-default .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on1.png); }

.custom .ui-state-hover .ui-feuerball-sound-on, .custom .ui-state-focus .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on2.png); }

.custom .ui-state-active .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on2.png); }

.custom .ui-state-highlight .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on2.png); }

.custom .ui-state-error .ui-feuerball-sound-on, .custom .ui-state-error-text .ui-feuerball-sound-on {
  background-image: url(custom_navi/ani_audio_on1.png); }

/* FB3D Sound Off */
.custom .ui-feuerball-sound-off {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_audio_off2.png); }

.custom .ui-widget-content .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off2.png); }

.custom .ui-widget-header .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off2.png); }

.custom .ui-state-default .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off2.png); }

.custom .ui-state-hover .ui-feuerball-sound-off, .custom .ui-state-focus .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off1.png); }

.custom .ui-state-active .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off1.png); }

.custom .ui-state-highlight .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off1.png); }

.custom .ui-state-error .ui-feuerball-sound-off, .custom .ui-state-error-text .ui-feuerball-sound-off {
  background-image: url(custom_navi/ani_audio_off2.png); }

/* FB3D Hotspots On */
.custom .ui-feuerball-hotspots-on {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_hotspot_on1.png); }

.custom .ui-widget-content .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on1.png); }

.custom .ui-widget-header .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on1.png); }

.custom .ui-state-default .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on1.png); }

.custom .ui-state-hover .ui-feuerball-hotspots-on, .custom .ui-state-focus .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on2.png); }

.custom .ui-state-active .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on2.png); }

.custom .ui-state-highlight .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on2.png); }

.custom .ui-state-error .ui-feuerball-hotspots-on, .custom .ui-state-error-text .ui-feuerball-hotspots-on {
  background-image: url(custom_navi/ani_hotspot_on1.png); }

/* FB3D Hotspots Off */
.custom .ui-feuerball-hotspots-off {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_hotspot_off2.png); }

.custom .ui-widget-content .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off2.png); }

.custom .ui-widget-header .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off2.png); }

.custom .ui-state-default .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off2.png); }

.custom .ui-state-hover .ui-feuerball-hotspots-off, .custom .ui-state-focus .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off1.png); }

.custom .ui-state-active .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off1.png); }

.custom .ui-state-highlight .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off1.png); }

.custom .ui-state-error .ui-feuerball-hotspots-off, .custom .ui-state-error-text .ui-feuerball-hotspots-off {
  background-image: url(custom_navi/ani_hotspot_off2.png); }

/* FB3D Hotspot Close */
.custom .ui-feuerball-close {
  width: 40px;
  height: 40px;
  background-image: url(custom_navi/ani_close1.png); }

.custom .ui-widget-content .ui-feuerball-close {
  background-image: url(custom_navi/ani_close1.png); }

.custom .ui-widget-header .ui-feuerball-close {
  background-image: url(custom_navi/ani_close1.png); }

.custom .ui-state-default .ui-feuerball-close {
  background-image: url(custom_navi/ani_close1.png); }

.custom .ui-state-hover .ui-feuerball-close, .custom .ui-state-focus .ui-feuerball-close {
  background-image: url(custom_navi/ani_close2.png); }

.custom .ui-state-active .ui-feuerball-close {
  background-image: url(custom_navi/ani_close2.png); }

.custom .ui-state-highlight .ui-feuerball-close {
  background-image: url(custom_navi/ani_close2.png); }

.custom .ui-state-error .ui-feuerball-close, .custom .ui-state-error-text .ui-feuerball-close {
  background-image: url(custom_navi/ani_close1.png); }

/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.custom .ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.custom .ui-button-icon-only {
  width: 40px; }

/* to make room for the icon, a width needs to be set here */
.custom button.ui-button-icon-only {
  width: 40px; }

/* button elements seem to need a little more width */
.custom .ui-button-icons-only {
  width: 3.4em; }

.custom button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.custom .ui-button .ui-button-text {
  display: block;
  line-height: 40px; }

.custom .ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.custom .ui-button-icon-only .ui-button-text, .custom .ui-button-icons-only .ui-button-text {
  padding: 0em;
  text-indent: -9999999px; }

.custom .ui-button-text-icon-primary .ui-button-text, .custom .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.custom .ui-button-text-icon-secondary .ui-button-text, .custom .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.custom .ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
.custom input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.custom .ui-button-icon-only .ui-icon, .custom .ui-button-text-icon-primary .ui-icon, .custom .ui-button-text-icon-secondary .ui-icon, .custom .ui-button-text-icons .ui-icon, .custom .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.custom .ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px; }

.custom .ui-button-text-icon-primary .ui-button-icon-primary, .custom .ui-button-text-icons .ui-button-icon-primary, .custom .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.custom .ui-button-text-icon-secondary .ui-button-icon-secondary, .custom .ui-button-text-icons .ui-button-icon-secondary, .custom .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.custom .ui-button-text-icons .ui-button-icon-secondary, .custom .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* workarounds */
.custom button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
/*
 * jQuery UI Slider 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.custom .ui-slider {
  position: relative;
  top: 46px;
  text-align: left;
  background: url(custom_navi/ani_szoom_dreieck.png);
  border: 0px; }

.custom .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 9px;
  background: url(custom_navi/ani_szoom_regler.png);
  cursor: default; }

.custom .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.custom .ui-slider-horizontal {
  height: .8em; }

.custom .ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.custom .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.custom .ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.custom .ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.custom .ui-slider-vertical {
  width: 1.4em;
  height: 48px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.custom .ui-slider-vertical .ui-slider-handle {
  left: -.2em;
  margin-left: 0;
  margin-bottom: -.3em; }

.custom .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 90%; }

.custom .ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.custom .ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.custom #indicator-x {
  position: absolute;
  top: 0px;
  text-align: left;
  z-index: 11;
  background-position: 0 0;
  background: url(custom_navi/ani_linie.png);
  background-repeat: repeat-x;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.custom #indicator-x .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 5px;
  display: block;
  border: 0; }

.custom #indicator-x .ui-slider-handle {
  position: absolute;
  top: -.4em;
  margin-left: -.6em;
  z-index: 2;
  width: 17px;
  height: 17px;
  background: url(custom_navi/ani_regler.png);
  cursor: default; }

.custom #indicator-y {
  position: absolute;
  top: 0px;
  text-align: left;
  z-index: 11;
  background-position: 0 0;
  background: url(custom_navi/ani_linie2.png);
  background-repeat: repeat-y;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.custom #indicator-y .ui-slider-range {
  position: absolute;
  z-index: 1;
  width: 5px;
  display: block;
  border: 0; }

.custom #indicator-y .ui-slider-handle {
  position: absolute;
  left: -.4em;
  margin-top: -.3em;
  z-index: 2;
  width: 17px;
  height: 17px;
  background: url(custom_navi/ani_regler.png);
  cursor: default; }

.custom #zoomslider {
  width: 1.0em;
  height: 46px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.custom #zoomslider .ui-slider-handle {
  left: -.15em;
  margin-left: -.15em;
  margin-bottom: -.4em; }

.custom .hotspot-circle {
  border: 2px solid #4e4e4e;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  width: 10px;
  height: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }

.custom .hotspot-dot {
  background-color: #4e4e4e;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  width: 4px;
  height: 4px;
  margin: 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.custom .hotspot-detail {
  width: 100%;
  height: 100%; }

.custom .hotspot-title {
  padding: 2px;
  font-weight: bold; }

.custom .hotspot-text {
  padding: 2px; }

.custom #audioslider {
  position: absolute;
  top: 0px;
  width: 40px;
  height: 25px;
  text-align: left;
  z-index: 11;
  background-position: 0 0;
  background: url(custom_navi/ani_audio_dreieck.png);
  background-repeat: no-repeat;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.custom #audioslider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 20px;
  display: block;
  border: 0; }

.custom #audioslider .ui-slider-handle {
  position: absolute;
  top: -.2em;
  margin-left: -.3em;
  z-index: 2;
  width: 9px;
  height: 26px;
  background: url(custom_navi/ani_audio_regler.png);
  cursor: default; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=20px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Interaction states
----------------------------------*/
.future .ui-state-default, .future .ui-widget-content .ui-state-default, .future .ui-widget-header .ui-state-default {
  border: 1px solid #b1b1b1;
  font-weight: normal;
  color: #cccccc; }

/*FB3D*/
.future .ui-state-default a, .future .ui-state-default a:link, .future .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.future .ui-state-hover, .future .ui-widget-content .ui-state-hover, .future .ui-widget-header .ui-state-hover {
  border: 1px solid #b1b1b1;
  background: #cccccc url('/media/system-files/img/feuerball3d/future-navi/future-on.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff; }

/*FB3D*/
.future .ui-state-hover a, .future .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.future .ui-state-active, .future .ui-widget-content .ui-state-active, .future .ui-widget-header .ui-state-active {
  border: 1px solid #b1b1b1;
  background: #cccccc url('/media/system-files/img/feuerball3d/future-navi/future-on.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff; }

.future .ui-state-active a, .future .ui-state-active a:link, .future .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.future .ui-widget :active {
  outline: none; }

.future .ui-state-default, .future .ui-widget-content .ui-state-default, .future .ui-widget-header .ui-state-default {
  background-image: linear-gradient(top, #fff 25%, #ccc 100%);
  background-image: -moz-linear-gradient(top, #fff 25%, #ccc 100%);
  background-image: -webkit-linear-gradient(top, #fff 25%, #ccc 100%);
  background-image: -ms-linear-gradient(top, #fff 25%, #ccc 100%);
  background-image: -o-linear-gradient(top, #fff 25%, #ccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  background-image: linear-gradient(top, #ccc 0%, #fff 75%);
  background-image: -moz-linear-gradient(top, #ccc 0%, #fff 75%);
  background-image: -webkit-linear-gradient(top, #ccc 0%, #fff 75%);
  background-image: -ms-linear-gradient(top, #ccc 0%, #fff 75%);
  background-image: -o-linear-gradient(top, #ccc 0%, #fff 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); }

/* Icons
----------------------------------*/
/* states and images */
.future .ui-icon {
  width: 30px;
  height: 26px;
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-off.png'); }

.future .ui-widget-content .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-off.png'); }

.future .ui-widget-header .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-off.png'); }

.future .ui-state-default .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-off.png'); }

.future .ui-state-hover .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-on.png'); }

.future .ui-state-active .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-on.png'); }

.future .ui-state-highlight .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-on.png'); }

.future .ui-state-error .ui-icon, .future .ui-state-error-text .ui-icon {
  background-image: url('/media/system-files/img/feuerball3d/future-navi/future-off.png'); }

/* positioning */
.future .ui-feuerball-zoomin {
  background-position: -60px 0px; }

/*FB3D Zoom Plus*/
.future .ui-feuerball-zoomout {
  background-position: -90px 0px; }

/*FB3D Zoom Minus*/
.future .ui-feuerball-szoomin {
  background-position: -120px 0px; }

/*FB3D Infinite Zoom Plus*/
.future .ui-feuerball-szoomout {
  background-position: -150px 0px; }

/*FB3D Infinite Zoom Minus*/
.future .ui-feuerball-fullscreen-on {
  background-position: -60px -50px; }

/*FB3D Fullscreen on*/
.future .ui-feuerball-fullscreen-off {
  background-position: -90px -50px; }

/*FB3D Fullscreen off*/
.future .ui-feuerball-play {
  background-position: 0px 0px; }

/*FB3D Play*/
.future .ui-feuerball-pause {
  background-position: -30px 0px; }

/*FB3D Pause*/
.future .ui-feuerball-sound-on {
  background-position: 0px -25px; }

/*FB3D Sound on*/
.future .ui-feuerball-sound-off {
  background-position: -30px -25px; }

/*FB3D Sound off*/
.future .ui-feuerball-drag {
  background-position: 0px -50px; }

/*FB3D Drag&Drop im Zoom*/
.future .ui-feuerball-rotate {
  background-position: -30px -50px; }

/*FB3D Rotate im Zoom*/
.future .ui-feuerball-hotspots-on {
  background-position: -30px -75px; }

/*FB3D Hotspots on*/
.future .ui-feuerball-hotspots-off {
  background-position: -60px -75px; }

/*FB3D Hotspots off*/
.future .ui-feuerball-close {
  background-position: -90px -75px; }

/*FB3D Close*/
.future .ui-feuerball-navy {
  background-position: -60px -25px; }

/*FB3D Navigation Y*/
.future .ui-feuerball-navx {
  background-position: -90px -25px; }

/*FB3D Navigation X*/
/* Misc visuals
----------------------------------*/
/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.future .ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.future .ui-button-icon-only {
  width: 30px; }

/* to make room for the icon, a width needs to be set here */
.future button.ui-button-icon-only {
  width: 30px; }

/* button elements seem to need a little more width */
.future .ui-button-icons-only {
  width: 3.4em; }

.future button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.future .ui-button .ui-button-text {
  display: block;
  line-height: 24px; }

.future .ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.future .ui-button-icon-only .ui-button-text, .future .ui-button-icons-only .ui-button-text {
  padding: 0em;
  text-indent: -9999999px; }

.future .ui-button-text-icon-primary .ui-button-text, .future .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.future .ui-button-text-icon-secondary .ui-button-text, .future .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.future .ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
.future input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.future .ui-button-icon-only .ui-icon, .future .ui-button-text-icon-primary .ui-icon, .future .ui-button-text-icon-secondary .ui-icon, .future .ui-button-text-icons .ui-icon, .future .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -12px; }

.future .ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -15px; }

.future .ui-button-text-icon-primary .ui-button-icon-primary, .future .ui-button-text-icons .ui-button-icon-primary, .future .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.future .ui-button-text-icon-secondary .ui-button-icon-secondary, .future .ui-button-text-icons .ui-button-icon-secondary, .future .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.future .ui-button-text-icons .ui-button-icon-secondary, .future .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* workarounds */
.future button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
/*
 * jQuery UI Slider 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.future .ui-slider {
  position: relative;
  top: 46px;
  text-align: left;
  background: url('/media/system-files/img/feuerball3d/future-navi/future-off.png') -6px -110px no-repeat;
  border: 0px; }

.future .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 3px;
  cursor: default; }

.future .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.future .ui-slider-horizontal {
  height: .8em; }

.future .ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.future .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.future .ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.future .ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.future .ui-slider-vertical {
  width: 1.4em;
  height: 48px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.future .ui-slider-vertical .ui-slider-handle {
  left: -.2em;
  margin-left: 0;
  margin-bottom: -.3em; }

.future .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 90%; }

.future .ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.future .ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.future #futurenavi-x {
  position: absolute;
  z-index: 9;
  height: 8px;
  text-align: left;
  padding: 0.5em;
  border: 1px solid #b1b1b1; }

.future #futurenavi-x #indicator-x {
  position: relative;
  text-align: left;
  background: none;
  background-color: #aaaaaa;
  border-top: 1px solid #b1b1b1; }

.future #futurenavi-x #indicator-x .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 5px;
  display: block; }

.future #futurenavi-x #indicator-x .ui-slider-handle {
  position: absolute;
  top: -.4em;
  margin-left: -.6em;
  z-index: 2;
  width: 17px;
  height: 17px;
  border: 0px;
  filter: none;
  background: url('/media/system-files/img/feuerball3d/future-navi/future-off.png') -6px -80px;
  cursor: default; }

.future #futurenavi-y {
  position: absolute;
  z-index: 9;
  width: 8px;
  text-align: left;
  padding: 0.5em 0.5em 0.5em 0.8em;
  border: 1px solid #b1b1b1;
  display: none; }

.future #futurenavi-y #indicator-y {
  position: relative;
  text-align: left;
  background: none;
  background-color: #aaaaaa;
  border-right: 1px solid #b1b1b1; }

.future #futurenavi-y #indicator-y .ui-slider-range {
  position: absolute;
  z-index: 1;
  width: 5px;
  display: block; }

.future #futurenavi-y #indicator-y .ui-slider-handle {
  position: absolute;
  left: -.4em;
  margin-bottom: -.5em;
  z-index: 2;
  width: 17px;
  height: 17px;
  border: 0px;
  filter: none;
  background: url('/media/system-files/img/feuerball3d/future-navi/future-off.png') -6px -80px;
  cursor: default; }

.future #futurezoom, .future #futureaudio {
  position: absolute;
  z-index: 9;
  text-align: left;
  width: 30px;
  border: 1px solid #b1b1b1;
  display: none; }

.future #futurezoom #drag {
  display: block;
  position: relative;
  text-align: left; }

.future #futurezoom #rotate {
  display: block;
  position: relative;
  text-align: left; }

.future #futurezoom #zoomslider, .future #futureaudio #audioslider {
  position: relative;
  text-align: left;
  width: 1.0em;
  margin: 0.4em;
  height: 46px;
  top: 0px; }

.future #futurezoom #zoomslider .ui-slider-handle, .future #futureaudio #audioslider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 9px;
  border: 0px;
  filter: none;
  background: url('/media/system-files/img/feuerball3d/future-navi/future-off.png') -122px -84px;
  left: -.15em;
  margin-left: -.15em;
  margin-bottom: -.4em;
  cursor: default; }

.future #futurezoom #zoomslider .ui-slider-range, .future #futureaudio #audioslider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.future .hotspot-circle {
  border: 2px solid #cccccc;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  width: 10px;
  height: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }

.future .hotspot-dot {
  background-color: #cccccc;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  width: 4px;
  height: 4px;
  margin: 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.future .hotspot-detail {
  width: 100%;
  height: 100%; }

.future .hotspot-title {
  padding: 2px;
  font-weight: bold; }

.future .hotspot-text {
  padding: 2px; }

.fb3dwrap .future #futurezoom {
  height: auto; }

.fb3dwrap .ui-button,
.fb3dwrap .fb3dbutton {
  background-image: -moz-linear-gradient(top, #fff 25%, #ccc 100%); }

.fb3dwrap .ui-button,
.fb3dwrap .fb3dbutton {
  background-image: -webkit-linear-gradient(top, #fff 25%, #ccc 100%); }

.fb3dwrap .ui-button,
.fb3dwrap .fb3dbutton {
  background-image: -ms-linear-gradient(top, #fff 25%, #ccc 100%); }

.fb3dwrap .ui-button,
.fb3dwrap .fb3dbutton {
  background-image: -o-linear-gradient(top, #fff 25%, #ccc 100%); }

.fb3dwrap .ui-button,
.fb3dwrap .fb3dbutton {
  background-image: linear-gradient(top, #fff 25%, #ccc 100%); }

.fb3dwrap .ui-button,
.fb3dwrap .fb3dbutton {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  background-image: linear-gradient(top, #ccc 0%, #fff 75%); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  background-image: -moz-linear-gradient(top, #ccc 0%, #fff 75%); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  background-image: -webkit-linear-gradient(top, #ccc 0%, #fff 75%); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  background-image: -ms-linear-gradient(top, #ccc 0%, #fff 75%); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  background-image: -o-linear-gradient(top, #ccc 0%, #fff 75%); }

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); }

/*
 * Do not add styles into this file.
 * It shall only contain imports of other files.
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }
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, 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: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, 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; }

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; }

dfn {
  font-style: italic; }

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: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

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; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

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; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

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; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

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-cancel-button,
[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, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .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"; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.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 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%; }

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%; }

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%; }

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%; }

.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.3333333333%; }

.offset-2 {
  margin-left: 16.6666666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.3333333333%; }

.offset-5 {
  margin-left: 41.6666666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.3333333333%; }

.offset-8 {
  margin-left: 66.6666666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.3333333333%; }

.offset-11 {
  margin-left: 91.6666666667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .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.3333333333%; }

  .offset-sm-2 {
    margin-left: 16.6666666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.3333333333%; }

  .offset-sm-5 {
    margin-left: 41.6666666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.3333333333%; }

  .offset-sm-8 {
    margin-left: 66.6666666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.3333333333%; }

  .offset-sm-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .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.3333333333%; }

  .offset-md-2 {
    margin-left: 16.6666666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.3333333333%; }

  .offset-md-5 {
    margin-left: 41.6666666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.3333333333%; }

  .offset-md-8 {
    margin-left: 66.6666666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.3333333333%; }

  .offset-md-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .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.3333333333%; }

  .offset-lg-2 {
    margin-left: 16.6666666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.3333333333%; }

  .offset-lg-5 {
    margin-left: 41.6666666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.3333333333%; }

  .offset-lg-8 {
    margin-left: 66.6666666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.3333333333%; }

  .offset-lg-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .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.3333333333%; }

  .offset-xl-2 {
    margin-left: 16.6666666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.3333333333%; }

  .offset-xl-5 {
    margin-left: 41.6666666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.3333333333%; }

  .offset-xl-8 {
    margin-left: 66.6666666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.3333333333%; }

  .offset-xl-11 {
    margin-left: 91.6666666667%; } }
.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .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 .table {
    background-color: #fff; }

.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 {
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff; }

.table-hover .table-primary:hover {
  background-color: #9fcdff; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #9fcdff; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db; }

.table-hover .table-secondary:hover {
  background-color: #c8cbcf; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb; }

.table-hover .table-success:hover {
  background-color: #b1dfbb; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.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: #ffeeba; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb; }

.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-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: #c6c8ca; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.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: #fff;
  background-color: #212529;
  border-color: #32383e; }
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.table-dark {
  color: #fff;
  background-color: #212529; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #32383e; }
  .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 {
    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;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .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;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .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;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .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;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.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-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  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.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

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 {
    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: #28a745; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  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: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745; }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus,
  .was-validated .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip,
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip,
  .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745; }
.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: #28a745; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #71dd8a; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57; }
.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 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745; }
  .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
    border-color: inherit; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  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: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545; }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
  .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-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip,
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip,
  .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.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 {
    background-color: #efa2a9; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  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 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.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 ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
    border-color: inherit; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  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;
      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-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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 screen and (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #fff;
  background-color: #007bff;
  border-color: #007bff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
    .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(0, 123, 255, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b; }
    .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(108, 117, 125, 0.5); }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    .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(40, 167, 69, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    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: #fff;
    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(23, 162, 184, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500; }
    .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(255, 193, 7, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    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: #fff;
    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(220, 53, 69, 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 {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 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(248, 249, 250, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .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(52, 58, 64, 0.5); }

.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    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: #fff;
    background-color: #007bff;
    border-color: #007bff; }
    .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, 123, 255, 0.5); }

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    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: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .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(108, 117, 125, 0.5); }

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    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: #fff;
    background-color: #28a745;
    border-color: #28a745; }
    .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(40, 167, 69, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    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: #fff;
    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: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    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: #ffc107;
    border-color: #ffc107; }
    .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(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #fff;
    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: #fff;
    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;
  background-color: transparent;
  background-image: none;
  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: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    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: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .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(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent; }
  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none; }
  .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.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.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%; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 0 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-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group,
  .btn-group-vertical .btn + .btn,
  .btn-group-vertical .btn + .btn-group,
  .btn-group-vertical .btn-group + .btn,
  .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:first-child {
  margin-left: 0; }
.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 + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .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; }

.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; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .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: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.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-fluid {
    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.25rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }
  .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    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-fluid {
      flex-wrap: nowrap; }
    .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-fluid {
    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-fluid {
      flex-wrap: nowrap; }
    .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-fluid {
    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-fluid {
      flex-wrap: nowrap; }
    .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-fluid {
    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-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    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-fluid {
    flex-wrap: nowrap; }
  .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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }
.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: #fff; }
.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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.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: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !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: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !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: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !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: #007bff !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::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 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.8571428571%; }

.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; } }
.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; } }
.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;
  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; }

.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-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-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-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-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-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; } }
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.text-justify {
  text-align: justify !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; } }
.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-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0062cc !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important; }

.text-body {
  color: #212529 !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; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

/* Roboto Font Types */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/media/system-files/fonts/roboto-v20-latin-300-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-v20-latin-300-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/media/system-files/fonts/roboto-v20-latin-regular-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-v20-latin-regular-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/media/system-files/fonts/roboto-v20-latin-500-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-v20-latin-500-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/media/system-files/fonts/roboto-v20-latin-700-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-v20-latin-700-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
/* Roboto Condensed Font Types */
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/media/system-files/fonts/roboto-condensed-v18-latin-300-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-condensed-v18-latin-300-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/media/system-files/fonts/roboto-condensed-v18-latin-regular-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-condensed-v18-latin-regular-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/media/system-files/fonts/roboto-condensed-v18-latin-700-woff.woff') format("woff"), url('/media/system-files/fonts/roboto-condensed-v18-latin-700-ttf.ttf') format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'iconfont';
  src: url('/media/system-files/fonts/iconfont-eot.eot?a153ec117a537dcbd3e93b8a1226be4c');
  src: url('/media/system-files/fonts/iconfont-eot.eot?a153ec117a537dcbd3e93b8a1226be4c#iefix') format("embedded-opentype"), url('/media/system-files/fonts/iconfont-woff.woff?a153ec117a537dcbd3e93b8a1226be4c') format("woff"), url('/media/system-files/fonts/iconfont-ttf.ttf?a153ec117a537dcbd3e93b8a1226be4c') format("truetype");
  font-weight: normal;
  font-style: normal; }
.iconfont, .anchor.anchor-default:before, .component-header-mobile-navigation .anchor-overview:before,
.component-header-desktop-navigation .anchor-overview:before, .component-text-image-bullet-point ul li:before, .component-text-image.benefits ul li:before, .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"] + label:before,
.component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"] + label:before,
.component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label:before,
.component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label:before,
[class*="icon-"] {
  font-family: 'iconfont' !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; }

.icon-arrow-circle-left:before {
  content: "\e900"; }

.icon-arrow-circle-right:before {
  content: "\e901"; }

.icon-arrow-down:before {
  content: "\e902"; }

.icon-arrow-left:before {
  content: "\e903"; }

.icon-arrow-long:before {
  content: "\e904"; }

.icon-arrow-navigation:before {
  content: "\e905"; }

.icon-arrow-right:before {
  content: "\e906"; }

.icon-arrow-up:before {
  content: "\e907"; }

.icon-burgermenu:before {
  content: "\e908"; }

.icon-checkbox-check:before {
  content: "\e909"; }

.icon-close:before {
  content: "\e90a"; }

.icon-contact:before {
  content: "\e90b"; }

.icon-dealer:before {
  content: "\e90c"; }

.icon-envelope:before {
  content: "\e90d"; }

.icon-exclamation-sign:before {
  content: "\e90e"; }

.icon-facebook:before {
  content: "\e90f"; }

.icon-fax:before {
  content: "\e910"; }

.icon-glass:before {
  content: "\e911"; }

.icon-globe:before {
  content: "\e912"; }

.icon-linkedin:before {
  content: "\e913"; }

.icon-minus:before {
  content: "\e914"; }

.icon-newsletter:before {
  content: "\e915"; }

.icon-person:before {
  content: "\e916"; }

.icon-phone:before {
  content: "\e917"; }

.icon-play:before {
  content: "\e918"; }

.icon-plus:before {
  content: "\e919"; }

.icon-radio-dot:before {
  content: "\e91a"; }

.icon-share:before {
  content: "\e91b"; }

.icon-shop:before {
  content: "\e91c"; }

.icon-twitter:before {
  content: "\e91d"; }

.icon-xing:before {
  content: "\e91e"; }

.icon-youtube:before {
  content: "\e91f"; }

.icon-zoom-back-left:before {
  content: "\e920"; }

.icon-zoom-back-right:before {
  content: "\e921"; }

.icon-zoom-left:before {
  content: "\e922"; }

.icon-zoom-right:before {
  content: "\e923"; }

.icon-percent:before {
  content: "\e924"; }

.icon-blog:before {
  content: "\e925"; }

.icon-wechat:before {
  content: "\e926"; }

.icon-weibo:before {
  content: "\e927"; }

.icon-instagram:before {
  content: "\e928"; }

.icon-content-navigation:before {
  content: "\e929"; }

.icon-calendar:before {
  content: "\e92a"; }

.btn .icon-arrow-long {
  font-size: 18px;
  margin-left: 1px; }
.btn .icon-share {
  font-size: 22px; }
.btn.btn-icon-label .icon-label {
  margin-left: 1px; }

.anchor {
  position: relative;
  display: inline-block;
  text-decoration: none;
  letter-spacing: -0.03em;
  transition: color 350ms; }
  .anchor:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    padding-bottom: 2px; }
  .anchor.anchor-default {
    padding-left: 26px;
    color: #575756; }
    .anchor.anchor-default:before {
      content: ""; }
    .anchor.anchor-default:hover, .anchor.anchor-default:active {
      color: #b1c127;
      text-decoration: none; }
      .anchor.anchor-default:hover:before, .anchor.anchor-default:active:before {
        left: 3px; }
    .anchor.anchor-default:before {
      color: #b1c127;
      font-size: 16px;
      transition: left 350ms; }
  .anchor.anchor-secondary {
    transition: color 350ms, background-color 350ms;
    color: #b1c127;
    text-decoration: underline; }
    .anchor.anchor-secondary:hover, .anchor.anchor-secondary:active {
      color: #ffffff;
      background-color: #b1c127;
      text-decoration-color: #b1c127; }
  .anchor.anchor-icon {
    color: #575756;
    padding-left: 23px; }
    .anchor.anchor-icon:hover, .anchor.anchor-icon:active {
      color: #b1c127;
      text-decoration: none; }
    .anchor.anchor-icon .icon {
      margin-right: 3px;
      color: #b1c127;
      font-size: 19px;
      vertical-align: text-bottom; }
      .anchor.anchor-icon .icon:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%); }

.text-link-styles, .component-form .privacy-policy-link {
  color: #b1c127;
  text-decoration: underline;
  text-decoration-color: #b1c127;
  transition: color 350ms, background-color 350ms; }
  .text-link-styles:hover, .component-form .privacy-policy-link:hover, .text-link-styles:active, .component-form .privacy-policy-link:active {
    color: #ffffff;
    text-decoration-color: #b1c127;
    background-color: #b1c127; }

@keyframes animate-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes animate-fade-in-down {
  0% {
    opacity: 0;
    margin-top: -20px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@keyframes animate-fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes animate-fade-in-down-little {
  0% {
    opacity: 0;
    transform: translateY(-5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.btn {
  position: relative;
  z-index: 0;
  line-height: 25px;
  padding: 6px 28px 5px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.066em;
  border-radius: 10px;
  border-width: 2px;
  white-space: normal;
  transition: color 350ms, background-color 350ms, border-color 350ms; }
  .btn:focus {
    box-shadow: none !important; }

@media screen and (min-width: 992px) {
  .btn-big {
    font-size: 18px;
    padding: 10px 39px; } }

.btn-primary {
  color: #ffffff;
  background-color: #b1c127;
  border-color: #b1c127; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
    background-color: #c9d933;
    border-color: #c9d933; }

.btn-default {
  color: #b1c127;
  background-color: #ffffff;
  border-color: #b1c127; }
  .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):hover {
    color: #ffffff;
    background-color: #b1c127; }

.btn-secondary {
  color: #ffffff;
  background-color: #919190;
  border-color: #919190; }
  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):hover {
    background-color: #b1c127;
    border-color: #b1c127; }

.btn-icon {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .btn-icon.btn-sm .icon, .btn-group-sm > .btn-icon.btn .icon {
    font-size: 20px; }
  .btn-icon .icon {
    font-size: 24px;
    letter-spacing: 0; }

.btn-icon-only {
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
  border-radius: 0; }
  .btn-icon-only .icon {
    color: #b1c127;
    font-size: 16px; }

.btn-primary.btn-icon .icon {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.btn-icon-round {
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%; }
  .btn-icon-round:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: inherit;
    height: inherit;
    background-color: inherit;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: width 250ms ease-in-out, height 250ms ease-in-out, opacity 250ms ease-in-out; }
  .btn-icon-round.btn-sm, .btn-group-sm > .btn-icon-round.btn {
    width: 40px;
    height: 40px; }
    .btn-icon-round.btn-sm.active.btn-outline:before, .btn-group-sm > .btn-icon-round.active.btn-outline.btn:before, .btn-icon-round.btn-sm:active.btn-outline:before, .btn-group-sm > .btn-icon-round.btn:active.btn-outline:before, .btn-icon-round.btn-sm:hover.btn-outline:before, .btn-group-sm > .btn-icon-round.btn:hover.btn-outline:before {
      width: 46px;
      height: 46px; }
  .btn-icon-round.active.btn-outline:before, .btn-icon-round:active.btn-outline:before, .btn-icon-round:hover.btn-outline:before {
    width: 58px;
    height: 58px;
    opacity: 0.5; }
  .btn-icon-round.btn-outline .icon {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  .btn-icon-round .icon {
    position: relative;
    letter-spacing: 0; }

.btn-icon-quadric {
  width: 40px;
  height: 40px;
  padding: 4px 10px 4px 10px;
  position: relative; }
  .btn-icon-quadric .icon {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.btn-icon-label {
  position: relative; }
  .btn-icon-label .icon {
    margin-top: 10px;
    font-size: 10px;
    margin-top: 7px; }
  .btn-icon-label > .icon-label {
    font-family: "Roboto Condensed", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    margin-top: -3px; }

.btn-share {
  width: 34px;
  height: 34px;
  padding: 4px 10px 4px 10px;
  position: relative;
  color: #ffffff;
  background-color: #b1c127; }
  .btn-share:not(:disabled):not(.disabled).active, .btn-share:not(:disabled):not(.disabled):active, .btn-share:not(:disabled):not(.disabled):hover {
    opacity: 0.7;
    color: #ffffff; }
    .btn-share:not(:disabled):not(.disabled).active .icon, .btn-share:not(:disabled):not(.disabled):active .icon, .btn-share:not(:disabled):not(.disabled):hover .icon {
      color: #ffffff; }
  .btn-share .icon {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 16px; }
  .btn-share.mail {
    width: auto;
    border-color: #b1c127;
    text-transform: none;
    font-weight: normal;
    padding-left: 45px;
    font-size: 12px; }
    .btn-share.mail .icon {
      left: 14px;
      font-size: 22px;
      transform: translate(0, -50%); }
    .btn-share.mail span {
      letter-spacing: 0.03em; }
    .btn-share.mail:not(:disabled):not(.disabled).active, .btn-share.mail:not(:disabled):not(.disabled):active, .btn-share.mail:not(:disabled):not(.disabled):hover {
      background-color: #c9d933;
      border-color: #c9d933;
      opacity: 1; }
  .btn-share.facebook {
    background-color: #4267B2; }
  .btn-share.xing {
    background-color: #006567; }
  .btn-share.twitter {
    background-color: #1DA1F2; }
  .btn-share.linkedin {
    background-color: #0073B0; }
  .btn-share.instagram {
    background-color: #262626; }
  .btn-share.youtube {
    background-color: #FF0000; }
  .btn-share.blog {
    background-color: #F47722; }
  .btn-share.wechat {
    background-color: #2DC100; }
  .btn-share.weibo {
    background-color: #E6162D; }

.list {
  display: flex;
  padding: 0;
  list-style: none; }
  .list.list-horizontal {
    flex-direction: row; }
  .list.list-vertical {
    flex-direction: column; }

body {
  background-color: #e6e6e6;
  min-width: 360px;
  -webkit-font-smoothing: antialiased; }
  body.body-no-scroll {
    overflow: hidden; }
    @media screen and (max-width: 991px) {
      body.body-no-scroll {
        height: 100vh; } }

.page-wrapper {
  background-color: #ffffff;
  width: auto;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 991px) {
    .page-wrapper {
      padding-top: 75px; } }

.content-wrapper {
  width: auto;
  max-width: 1600px;
  min-height: 100vh;
  margin: 0 auto;
  margin-top: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-top: 80px;
  }
  */ }
  @media screen and (min-width: 992px) {
    .content-wrapper {
      margin-top: 60px; } }

.component-page-initiation + .content-wrapper {
  margin-top: 0; }

.container-fluid {
  max-width: 1400px; }

.container-fluid .container-fluid {
  padding: 0; }

.container-fluid {
  padding-left: 25px;
  padding-right: 25px; }
  @media screen and (min-width: 768px) {
    .container-fluid {
      padding-left: 50px;
      padding-right: 50px; } }

.spacer.spacer-small {
  height: 40px; }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    .spacer.spacer-small {
      height: 60px; } }
  @media screen and (min-width: 1400px) {
    .spacer.spacer-small {
      height: 80px; } }
.spacer.spacer-default {
  height: 80px; }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    .spacer.spacer-default {
      height: 100px; } }
  @media screen and (min-width: 1400px) {
    .spacer.spacer-default {
      height: 120px; } }
.spacer.spacer-big {
  height: 120px; }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    .spacer.spacer-big {
      height: 140px; } }
  @media screen and (min-width: 1400px) {
    .spacer.spacer-big {
      height: 160px; } }

body {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #575756; }

h1,
.h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 46px;
  margin-bottom: 20px;
  font-size: 38px; }
  @media screen and (min-width: 992px) {
    h1,
    .h1 {
      line-height: 62px;
      margin-bottom: 30px;
      font-size: 50px; } }

h2,
.h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  margin-bottom: 20px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px; }
  @media screen and (min-width: 992px) {
    h2,
    .h2 {
      line-height: 46px;
      margin-bottom: 30px;
      font-size: 38px; } }

h3,
.h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  margin-bottom: 20px;
  font-size: 25px; }
  @media screen and (min-width: 992px) {
    h3,
    .h3 {
      margin-bottom: 30px; } }

p,
.text-md {
  line-height: 24px;
  margin-bottom: 20px;
  font-size: 16px; }

.text-xl {
  line-height: 32px;
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: 300; }

.has-separator {
  border-bottom: 3px solid #b1c127;
  padding-bottom: 4px;
  margin-bottom: 40px; }
  @media screen and (min-width: 992px) {
    .has-separator {
      margin-bottom: 60px;
      padding-bottom: 10px; } }

.form-component-element-base-style, .form-component-checkbox-radio-base + label .text:before, .component-checkbox input[type="checkbox"] + label .text:before, .component-radio-button input[type="radio"] + label .text:before, .form-component-element-base, .component-dropdown select,
.component-dropdown .cover, .component-input textarea,
.component-input input:not([type="radio"]),
.component-input input:not([type="checkbox"]), .component-form .teasered-articles input[type="checkbox"] + label .text:after {
  border: 0;
  border-radius: 10px;
  padding: 0;
  border: 1px solid #d9d9d9;
  height: 45px;
  line-height: 45px;
  padding: 0 15px 0 15px;
  outline: none;
  transition: color .2s ease-in-out, border-color .2s ease-in-out; }

.form-component-label-base label, .component-dropdown label, .component-input label,
.form-component-label-base .form-element,
.component-dropdown .form-element,
.component-input .form-element {
  display: block; }
.form-component-label-base label, .component-dropdown label, .component-input label {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 700; }
.form-component-label-base label .text, .component-dropdown label .text, .component-input label .text {
  transition: color .2s ease-in-out; }

.form-component-checkbox-radio-base, .component-checkbox input[type="checkbox"], .component-radio-button input[type="radio"] {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden; }
  .form-component-checkbox-radio-base + label, .component-checkbox input[type="checkbox"] + label, .component-radio-button input[type="radio"] + label {
    height: auto;
    min-height: 40px;
    display: flex;
    align-items: center;
    position: relative; }
    .form-component-checkbox-radio-base + label .text, .component-checkbox input[type="checkbox"] + label .text, .component-radio-button input[type="radio"] + label .text {
      user-select: none;
      margin-left: 54px; }
      .form-component-checkbox-radio-base + label .text:before, .component-checkbox input[type="checkbox"] + label .text:before, .component-radio-button input[type="radio"] + label .text:before, .form-component-checkbox-radio-base + label .text:after, .component-checkbox input[type="checkbox"] + label .text:after, .component-radio-button input[type="radio"] + label .text:after {
        content: '';
        display: block;
        position: absolute; }
      .form-component-checkbox-radio-base + label .text:before, .component-checkbox input[type="checkbox"] + label .text:before, .component-radio-button input[type="radio"] + label .text:before {
        background-color: white;
        height: 40px;
        line-height: 40px;
        width: 40px;
        position: absolute;
        top: 0;
        left: 0; }
      .form-component-checkbox-radio-base + label .text + .icon, .component-checkbox input[type="checkbox"] + label .text + .icon, .component-radio-button input[type="radio"] + label .text + .icon {
        opacity: 0;
        transition: opacity .2s ease-in-out;
        color: #b1c127;
        position: absolute; }
  .form-component-checkbox-radio-base:not(:checked) + label .text, .component-checkbox input[type="checkbox"]:not(:checked) + label .text, .component-radio-button input[type="radio"]:not(:checked) + label .text {
    color: #575756; }
  .form-component-checkbox-radio-base:checked + label .text, .component-checkbox input[type="checkbox"]:checked + label .text, .component-radio-button input[type="radio"]:checked + label .text {
    color: #575756; }
    .form-component-checkbox-radio-base:checked + label .text + .icon, .component-checkbox input[type="checkbox"]:checked + label .text + .icon, .component-radio-button input[type="radio"]:checked + label .text + .icon {
      opacity: 1; }
  .form-component-checkbox-radio-base.error + label .text, .component-checkbox input.error[type="checkbox"] + label .text, .component-radio-button input.error[type="radio"] + label .text, .form-component-checkbox-radio-base.error:checked + label .text, .component-checkbox input.error[type="checkbox"]:checked + label .text, .component-radio-button input.error[type="radio"]:checked + label .text {
    color: #cb6220; }
    .form-component-checkbox-radio-base.error + label .text:before, .component-checkbox input.error[type="checkbox"] + label .text:before, .component-radio-button input.error[type="radio"] + label .text:before, .form-component-checkbox-radio-base.error:checked + label .text:before, .component-checkbox input.error[type="checkbox"]:checked + label .text:before, .component-radio-button input.error[type="radio"]:checked + label .text:before {
      border-color: #cb6220; }
    .form-component-checkbox-radio-base.error + label .text + .icon, .component-checkbox input.error[type="checkbox"] + label .text + .icon, .component-radio-button input.error[type="radio"] + label .text + .icon, .form-component-checkbox-radio-base.error:checked + label .text + .icon, .component-checkbox input.error[type="checkbox"]:checked + label .text + .icon, .component-radio-button input.error[type="radio"]:checked + label .text + .icon {
      opacity: 0; }

.form-component-element-base:active, .component-dropdown select:active,
.component-dropdown .cover:active, .component-input textarea:active,
.component-input input:active:not([type="radio"]),
.component-input input:active:not([type="checkbox"]), .form-component-element-base:focus, .component-dropdown select:focus,
.component-dropdown .cover:focus, .component-input textarea:focus,
.component-input input:focus:not([type="radio"]),
.component-input input:focus:not([type="checkbox"]) {
  border-color: #b1c127; }
  .form-component-element-base:active + label .text, .component-dropdown select:active + label .text,
  .component-dropdown .cover:active + label .text, .component-input textarea:active + label .text,
  .component-input input:active:not([type="radio"]) + label .text,
  .component-input input:active:not([type="checkbox"]) + label .text, .form-component-element-base:focus + label .text, .component-dropdown select:focus + label .text,
  .component-dropdown .cover:focus + label .text, .component-input textarea:focus + label .text,
  .component-input input:focus:not([type="radio"]) + label .text,
  .component-input input:focus:not([type="checkbox"]) + label .text {
    color: #b1c127; }
.form-component-element-base.error, .component-dropdown select.error,
.component-dropdown .error.cover, .component-input textarea.error,
.component-input input.error:not([type="radio"]),
.component-input input.error:not([type="checkbox"]), .form-component-element-base.error:active, .component-dropdown select.error:active,
.component-dropdown .error.cover:active, .component-input textarea.error:active,
.component-input input.error:active:not([type="radio"]),
.component-input input.error:active:not([type="checkbox"]), .form-component-element-base.error:focus, .component-dropdown select.error:focus,
.component-dropdown .error.cover:focus, .component-input textarea.error:focus,
.component-input input.error:focus:not([type="radio"]),
.component-input input.error:focus:not([type="checkbox"]) {
  border-color: #cb6220; }
  .form-component-element-base.error + label .text, .component-dropdown select.error + label .text,
  .component-dropdown .error.cover + label .text, .component-input textarea.error + label .text,
  .component-input input.error:not([type="radio"]) + label .text,
  .component-input input.error:not([type="checkbox"]) + label .text, .form-component-element-base.error:active + label .text, .component-dropdown select.error:active + label .text,
  .component-dropdown .error.cover:active + label .text, .component-input textarea.error:active + label .text,
  .component-input input.error:active:not([type="radio"]) + label .text,
  .component-input input.error:active:not([type="checkbox"]) + label .text, .form-component-element-base.error:focus + label .text, .component-dropdown select.error:focus + label .text,
  .component-dropdown .error.cover:focus + label .text, .component-input textarea.error:focus + label .text,
  .component-input input.error:focus:not([type="radio"]) + label .text,
  .component-input input.error:focus:not([type="checkbox"]) + label .text {
    color: #cb6220; }

.form-control:focus {
  border-color: #b1c127;
  box-shadow: none; }

.component-text-image-zoom-style .media-container, .component-text-image .media-container {
  position: relative; }
  .component-text-image-zoom-style .media-container button, .component-text-image .media-container button {
    cursor: pointer;
    position: absolute;
    bottom: 10px; }
  .component-text-image-zoom-style .media-container .icon, .component-text-image .media-container .icon {
    font-size: 16px; }
.component-text-image-zoom-style .align-left button, .component-text-image .align-left button {
  right: 10px; }
.component-text-image-zoom-style .align-left .icon-zoom-right, .component-text-image .align-left .icon-zoom-right {
  display: none; }
.component-text-image-zoom-style .align-right button, .component-text-image .align-right button {
  left: 10px; }
.component-text-image-zoom-style .align-right .icon-zoom-left, .component-text-image .align-right .icon-zoom-left {
  display: none; }
.component-text-image-zoom-style .container-50-50 > div button, .component-text-image .container-50-50 > div button {
  left: 10px; }
.component-text-image-zoom-style .container-50-50 > div:first-child button, .component-text-image .container-50-50 > div:first-child button {
  right: 10px;
  left: auto; }
.component-text-image-zoom-style .container-50-50 > div:first-child .align-right .icon-zoom-right, .component-text-image .container-50-50 > div:first-child .align-right .icon-zoom-right {
  display: none; }
.component-text-image-zoom-style .container-50-50 > div:first-child .align-right .icon-zoom-left, .component-text-image .container-50-50 > div:first-child .align-right .icon-zoom-left {
  display: block; }
.component-text-image-zoom-style .container-50-50 > div:last-child .align-right button, .component-text-image .container-50-50 > div:last-child .align-right button {
  right: 10px;
  left: auto; }
.component-text-image-zoom-style .container-50-50 > div:last-child .align-left .icon-zoom-right, .component-text-image .container-50-50 > div:last-child .align-left .icon-zoom-right {
  display: block; }
.component-text-image-zoom-style .container-50-50 > div:last-child .align-left .icon-zoom-left, .component-text-image .container-50-50 > div:last-child .align-left .icon-zoom-left {
  display: none; }

.teaser-with-nested-links-base, .component-download-teaser .teaser:not(.big-teaser-type), .component-download-teaser .teaser.single-file {
  transition: border-color .2s ease-in-out; }
  .teaser-with-nested-links-base:hover, .component-download-teaser .teaser:hover:not(.big-teaser-type), .component-download-teaser .teaser.single-file:hover {
    cursor: pointer;
    border-color: #b1c127; }
  .teaser-with-nested-links-base:not(.inner-focus):hover .btn-scope, .component-download-teaser .teaser:not(.inner-focus):hover:not(.big-teaser-type) .btn-scope, .component-download-teaser .teaser.single-file:not(.inner-focus):hover .btn-scope {
    background-color: #b1c127;
    color: #ffffff; }

.globe {
  display: block;
  border-radius: 50%;
  position: absolute;
  z-index: 1; }

.globe-border-big, .component-target-group .globe-left, .globe-top, .component-inspiration .globe-left {
  animation-name: globe-animation-1;
  animation-duration: 14s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
  border: 45px solid rgba(201, 217, 51, 0.56);
  width: 376px;
  height: 376px; }
  @media all and (-ms-high-contrast: none) {
    .globe-border-big, .component-target-group .globe-left, .globe-top, .component-inspiration .globe-left {
      animation-duration: 0s; } }
  @supports (-ms-ime-align: auto) {
    .globe-border-big, .component-target-group .globe-left, .globe-top, .component-inspiration .globe-left {
      animation-duration: 0s; } }
@keyframes globe-animation-1 {
  0% {
    transform: rotate(0deg) scale(1);
    transform-origin: 50% 50%; }
  25% {
    transform-origin: 50% 50%; }
  50% {
    transform-origin: 49% 49%;
    transform: rotate(180deg) scale(1.05); }
  75% {
    transform-origin: 50% 50%; }
  100% {
    transform: rotate(360deg) scale(1);
    transform-origin: 50% 50%; } }
  @media screen and (max-width: 767px) {
    .globe-border-big, .component-target-group .globe-left, .globe-top, .component-inspiration .globe-left {
      border: 18px solid rgba(201, 217, 51, 0.56);
      width: 146px;
      height: 146px; } }

.globe-filled-big, .component-target-group .globe-center-left, .globe-bottom, .component-inspiration .globe-center-left {
  animation-name: globe-animation-2;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate-reverse;
  background-color: rgba(201, 217, 51, 0.44);
  width: 707px;
  height: 707px; }
  @media all and (-ms-high-contrast: none) {
    .globe-filled-big, .component-target-group .globe-center-left, .globe-bottom, .component-inspiration .globe-center-left {
      animation-duration: 0s; } }
  @supports (-ms-ime-align: auto) {
    .globe-filled-big, .component-target-group .globe-center-left, .globe-bottom, .component-inspiration .globe-center-left {
      animation-duration: 0s; } }
@keyframes globe-animation-2 {
  0% {
    transform: rotate(0deg) scale(1);
    transform-origin: 50% 50%; }
  25% {
    transform-origin: 51% 51%; }
  50% {
    transform-origin: 50% 50%;
    transform: rotate(180deg) scale(0.95); }
  75% {
    transform-origin: 51% 51%; }
  100% {
    transform: rotate(360deg) scale(1);
    transform-origin: 50% 50%; } }
  @media screen and (max-width: 767px) {
    .globe-filled-big, .component-target-group .globe-center-left, .globe-bottom, .component-inspiration .globe-center-left {
      background-color: rgba(201, 217, 51, 0.44);
      width: 221px;
      height: 221px; } }

.globe-border-thin, .component-target-group .globe-center-right, .component-inspiration .globe-center-right {
  animation-name: globe-animation-3;
  animation-duration: 13s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
  border: 35px solid rgba(201, 217, 51, 0.73);
  width: 488px;
  height: 488px; }
  @media all and (-ms-high-contrast: none) {
    .globe-border-thin, .component-target-group .globe-center-right, .component-inspiration .globe-center-right {
      animation-duration: 0s; } }
  @supports (-ms-ime-align: auto) {
    .globe-border-thin, .component-target-group .globe-center-right, .component-inspiration .globe-center-right {
      animation-duration: 0s; } }
@keyframes globe-animation-3 {
  0% {
    transform: rotate(0deg) scale(1);
    transform-origin: 50% 50%; }
  25% {
    transform-origin: 52% 52%; }
  50% {
    transform-origin: 51% 51%;
    transform: rotate(180deg) scale(1.05); }
  75% {
    transform-origin: 52% 52%; }
  100% {
    transform: rotate(360deg) scale(1);
    transform-origin: 50% 50%; } }
  @media screen and (max-width: 767px) {
    .globe-border-thin, .component-target-group .globe-center-right, .component-inspiration .globe-center-right {
      border: 14px solid rgba(201, 217, 51, 0.73);
      width: 170px;
      height: 170px; } }

.globe-filled-small, .component-target-group .globe-right, .globe-center, .component-inspiration .globe-right {
  animation-name: globe-animation-4;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate-reverse;
  background-color: rgba(201, 217, 51, 0.54);
  width: 257px;
  height: 257px; }
  @media all and (-ms-high-contrast: none) {
    .globe-filled-small, .component-target-group .globe-right, .globe-center, .component-inspiration .globe-right {
      animation-duration: 0s; } }
  @supports (-ms-ime-align: auto) {
    .globe-filled-small, .component-target-group .globe-right, .globe-center, .component-inspiration .globe-right {
      animation-duration: 0s; } }
@keyframes globe-animation-4 {
  0% {
    transform: rotate(0deg) scale(1);
    transform-origin: 50% 50%; }
  25% {
    transform-origin: 51% 51%; }
  50% {
    transform-origin: 50% 50%;
    transform: rotate(180deg) scale(0.95); }
  75% {
    transform-origin: 51% 51%; }
  100% {
    transform: rotate(360deg) scale(1);
    transform-origin: 50% 50%; } }
  @media screen and (max-width: 767px) {
    .globe-filled-small, .component-target-group .globe-right, .globe-center, .component-inspiration .globe-right {
      background-color: rgba(201, 217, 51, 0.54);
      width: 92px;
      height: 92px; } }

.icon.icon-shaded {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.component-breakpoint {
 }
  .component-breakpoint:before {
    display: none !important; }

.component-footer {
  position: relative; }
  .component-footer:before {
    content: "Component: Footer" !important;
    display: none; }
  .component-footer .footer-social-media {
    padding-top: 50px;
    padding-bottom: 25px; }
    .component-footer .footer-social-media .text-list-horizontal {
      display: block;
      text-align: center; }
      .component-footer .footer-social-media .text-list-horizontal .text-list-item {
        display: inline-block;
        margin: 0 7px 15px; }
  .component-footer .footer-links {
    padding-bottom: 50px; }
    @media screen and (min-width: 992px) {
      .component-footer .footer-links {
        padding-bottom: 20px; } }
    .component-footer .footer-links .component-text-list {
      flex-direction: column;
      align-items: center; }
      @media screen and (min-width: 992px) {
        .component-footer .footer-links .component-text-list {
          flex-direction: row; } }
    @media screen and (max-width: 991px) {
      .component-footer .footer-links .text-list-item {
        margin-bottom: 5px; }
        .component-footer .footer-links .text-list-item:last-child {
          margin-top: 25px;
          margin-bottom: 0; } }
    @media screen and (min-width: 992px) {
      .component-footer .footer-links .text-list-item {
        margin-right: 30px; }
        .component-footer .footer-links .text-list-item:last-child {
          margin-left: 10px;
          margin-right: 0; } }
  .component-footer .component-text-list {
    justify-content: center; }
    .component-footer .component-text-list .icon {
      font-size: 28px; }
      .component-footer .component-text-list .icon.icon-facebook {
        font-size: 19px; }
      .component-footer .component-text-list .icon.icon-linkedin {
        font-size: 17px; }
      .component-footer .component-text-list .icon.icon-youtube {
        font-size: 23px; }
      .component-footer .component-text-list .icon.icon-xing {
        font-size: 20px; }
      .component-footer .component-text-list .icon.icon-twitter {
        font-size: 20px; }
  .component-footer .footer-anchor {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.03em; }
  .component-footer .footer-note {
    font-size: 13px; }
  .component-footer .component-highlight-block .container-fluid {
    position: relative;
    z-index: 2; }
  .component-footer .component-highlight-block .globe-left,
  .component-footer .component-highlight-block .globe-right {
    position: absolute;
    bottom: 0; }
    @media screen and (max-width: 767px) {
      .component-footer .component-highlight-block .globe-left,
      .component-footer .component-highlight-block .globe-right {
        max-height: 75px; } }
  .component-footer .component-highlight-block .globe-left {
    left: 0; }
  .component-footer .component-highlight-block .globe-right {
    right: 0; }

.component-header-desktop-navigation {
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  max-width: 1600px;
  padding-bottom: 30px;
  margin: 0 auto;
  overflow: hidden; }
  .component-header-desktop-navigation:before {
    content: "Component: Header Desktop Navigation" !important;
    display: none; }
  .component-header-desktop-navigation.show {
    display: block; }
    .component-header-desktop-navigation.show .navigation-modal {
      animation: animate-fade-in-down 350ms; }
    .component-header-desktop-navigation.show .navigation-overlay {
      animation: animate-fade-in 350ms; }
  .component-header-desktop-navigation .navigation-overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: rgba(87, 87, 86, 0.6); }
  .component-header-desktop-navigation .navigation-modal {
    min-height: 450px;
    max-height: calc(100vh - 280px);
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.26);
    overflow: auto; }
  .component-header-desktop-navigation .btn-close-navigation {
    position: absolute;
    bottom: 12px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px; }
    .component-header-desktop-navigation .btn-close-navigation .icon {
      font-size: 12px; }
  .component-header-desktop-navigation .navigation-container {
    display: flex; }
  .component-header-desktop-navigation .navigation-layer {
    margin-bottom: 45px; }
    .component-header-desktop-navigation .navigation-layer.show ~ .navigation-layer-promotion {
      display: none; }
    .component-header-desktop-navigation .navigation-layer.navigation-layer-promotion {
      display: block; }
  .component-header-desktop-navigation .navigation-layer-promotion {
    display: block; }
    .component-header-desktop-navigation .navigation-layer-promotion img {
      border-radius: 20px 0; }
    .component-header-desktop-navigation .navigation-layer-promotion .component-image {
      margin-bottom: 30px; }
  .component-header-desktop-navigation .promotion-link {
    position: relative;
    display: block;
    margin-bottom: 30px; }
  .component-header-desktop-navigation .promotion-overlay {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center; }
    @media screen and (min-width: 1400px) {
      .component-header-desktop-navigation .promotion-overlay {
        justify-content: space-between; } }
    .component-header-desktop-navigation .promotion-overlay .btn {
      margin-bottom: 25px; }
    .component-header-desktop-navigation .promotion-overlay .icon {
      color: #ffffff;
      font-size: 34px;
      text-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }
      @media screen and (min-width: 1400px) {
        .component-header-desktop-navigation .promotion-overlay .icon {
          margin-top: 25px; } }
    .component-header-desktop-navigation .promotion-overlay .component-highlight-block {
      display: none;
      background-color: transparent; }
      @media screen and (min-width: 1400px) {
        .component-header-desktop-navigation .promotion-overlay .component-highlight-block {
          display: block; } }
  .component-header-desktop-navigation .navigation-overview {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d9d9d9; }
  .component-header-desktop-navigation .list-item {
    min-height: 40px; }
    .component-header-desktop-navigation .list-item:hover .navigation-item-information,
    .component-header-desktop-navigation .list-item:hover .navigation-item-cloaking {
      display: block; }
    .component-header-desktop-navigation .list-item.active .anchor {
      color: #b1c127; }
    .component-header-desktop-navigation .list-item.active .navigation-item-information,
    .component-header-desktop-navigation .list-item.active .navigation-item-cloaking {
      display: none; }
  .component-header-desktop-navigation .row {
    margin-left: -22px;
    margin-right: -22px; }
  .component-header-desktop-navigation .col-3 {
    padding-left: 22px;
    padding-right: 22px; }
  .component-header-desktop-navigation .navigation-item-information {
    position: absolute;
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    transform: translateX(100%); }
    .component-header-desktop-navigation .navigation-item-information .information-arrow {
      position: absolute;
      left: -15px;
      border: 15px solid transparent;
      border-left-width: 0;
      border-right-color: #b1c127;
      transform: translateY(-50%); }
    .component-header-desktop-navigation .navigation-item-information h3 {
      margin-bottom: 0;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0.36px;
      line-height: 1.4; }
    .component-header-desktop-navigation .navigation-item-information p {
      font-size: 14px;
      line-height: 21px; }
    .component-header-desktop-navigation .navigation-item-information .component-highlight-block {
      position: relative;
      padding: 25px;
      margin: 0 22px;
      border-radius: 20px 0; }
    .component-header-desktop-navigation .navigation-item-information .component-image {
      margin-bottom: 15px; }
  .component-header-desktop-navigation .navigation-item-cloaking {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transform: translateX(100%); }
  .component-header-desktop-navigation .anchor-overview {
    padding-left: 0; }
    .component-header-desktop-navigation .anchor-overview:before {
      display: none; }
  .component-header-desktop-navigation .anchor-content-page {
    padding: 8px 0; }

.component-header-mobile-navigation {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: none;
  padding-top: 75px;
  padding-bottom: 80px;
  background-color: #ffffff; }
  .component-header-mobile-navigation:before {
    content: "Component: Header Mobile Navigation" !important;
    display: none; }
  .component-header-mobile-navigation.show {
    display: block;
    animation: animate-fade-in-down 350ms ease-out; }
  .component-header-mobile-navigation .navigation-container {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .component-header-mobile-navigation .navigation-container .navigation-layer.show {
      animation-name: animate-fade-in-down-little; }
    .component-header-mobile-navigation .navigation-container .navigation-layer-one.show {
      animation-name: animate-fade-in-down; }
  .component-header-mobile-navigation .navigation-layer {
    height: inherit;
    overflow: auto; }
  .component-header-mobile-navigation .navigation-layer-one {
    background-color: #f2f2f2; }
    .component-header-mobile-navigation .navigation-layer-one .list {
      padding-left: 0; }
    .component-header-mobile-navigation .navigation-layer-one .list-item {
      padding-left: 25px;
      border-bottom-color: #f8f8f8; }
    .component-header-mobile-navigation .navigation-layer-one .anchor-default {
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.8px;
      text-transform: uppercase; }
  .component-header-mobile-navigation .navigation-history {
    display: flex; }
    .component-header-mobile-navigation .navigation-history .btn-navigate {
      width: 52px;
      height: 46px;
      background-color: #d9d9d9; }
    .component-header-mobile-navigation .navigation-history .icon {
      color: #919190;
      font-size: 13px; }
  .component-header-mobile-navigation .navigation-history-current {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: 8px 20px;
    color: #ffffff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    background-color: #b1c127; }
  .component-header-mobile-navigation .list {
    padding-left: 70px;
    padding-bottom: 50px; }
  .component-header-mobile-navigation .list-item {
    min-height: 48px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #f2f2f2; }
  .component-header-mobile-navigation .anchor-overview {
    padding-left: 0;
    letter-spacing: 0.34px; }
    .component-header-mobile-navigation .anchor-overview:before {
      display: none; }
  .component-header-mobile-navigation .anchor-content-page {
    padding: 8px 0 8px 0; }
    .component-header-mobile-navigation .anchor-content-page > span {
      margin-right: 25px; }

.component-header-mobile-navigation .navigation-layer,
.component-header-desktop-navigation .navigation-layer {
  display: none; }
  .component-header-mobile-navigation .navigation-layer.show,
  .component-header-desktop-navigation .navigation-layer.show {
    display: block;
    animation: animate-fade-in-down 350ms; }
.component-header-mobile-navigation .list-item,
.component-header-desktop-navigation .list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2; }
  .component-header-mobile-navigation .list-item span,
  .component-header-desktop-navigation .list-item span {
    font-size: 17px;
    letter-spacing: 0.51px; }
  .component-header-mobile-navigation .list-item .btn-navigate,
  .component-header-desktop-navigation .list-item .btn-navigate {
    margin-top: -8px;
    margin-bottom: -8px; }
.component-header-mobile-navigation .btn-navigate,
.component-header-desktop-navigation .btn-navigate {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  color: #b1c127;
  background-color: transparent;
  border-radius: 0; }
  .component-header-mobile-navigation .btn-navigate .icon,
  .component-header-desktop-navigation .btn-navigate .icon {
    font-size: 9px;
    transition: margin-left 350ms; }
.component-header-mobile-navigation .anchor-content-page,
.component-header-desktop-navigation .anchor-content-page {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 0; }
  .component-header-mobile-navigation .anchor-content-page:before,
  .component-header-desktop-navigation .anchor-content-page:before {
    content: none; }
  .component-header-mobile-navigation .anchor-content-page:hover .icon,
  .component-header-desktop-navigation .anchor-content-page:hover .icon {
    margin-left: 10px; }
.component-header-mobile-navigation .anchor-overview,
.component-header-desktop-navigation .anchor-overview {
  font-weight: bold;
  line-height: 1.4;
  text-transform: uppercase; }
  .component-header-mobile-navigation .anchor-overview:before,
  .component-header-desktop-navigation .anchor-overview:before {
    content: ""; }
  .component-header-mobile-navigation .anchor-overview:before,
  .component-header-desktop-navigation .anchor-overview:before {
    font-size: 9px; }

.component-header-bullets {
  display: flex;
  align-items: center;
  /*
   * Removes the extended with necessary for the text labels.
   * Hence the text might slightly overlap the fluid container, but the button
   * is visually more important and thus on spot with the extended search.
   */
  margin-right: -10px; }
  .component-header-bullets:before {
    content: "Component: Header Bullets" !important;
    display: none; }
  .component-header-bullets .bullet-item {
    position: relative;
    width: 50px;
    margin: 0 5px;
    text-align: center; }
    .component-header-bullets .bullet-item .btn:hover + .bullet-label {
      color: #b1c127; }
  .component-header-bullets .bullet-label {
    margin-top: 4px;
    color: #919190;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    transition: color 250ms; }
  .component-header-bullets .btn-primary + .bullet-label {
    color: #b1c127; }
  .component-header-bullets .bullet-contact-container {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1; }
  .component-header-bullets .component-highlight-block {
    border-radius: 20px 0; }

.component-header-contact {
  display: none;
  width: 335px;
  text-align: left; }
  .component-header-contact:before {
    content: "Component: Contact" !important;
    display: none; }
  .component-header-contact.show {
    display: block;
    animation: animate-fade-in-down 350ms ease-out; }
  .component-header-contact .component-highlight-block {
    padding: 30px;
    overflow: auto; }
  .component-header-contact .btn-close.btn-sm, .component-header-contact .btn-group-sm > .btn-close.btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px; }
    .component-header-contact .btn-close.btn-sm:hover:before, .component-header-contact .btn-group-sm > .btn-close.btn:hover:before {
      width: 42px;
      height: 42px; }
    .component-header-contact .btn-close.btn-sm .icon, .component-header-contact .btn-group-sm > .btn-close.btn .icon {
      font-size: 12px; }
  .component-header-contact h3 {
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.46px; }
  .component-header-contact .contact-phone-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px; }
  .component-header-contact .phone-list-item {
    display: flex;
    margin-bottom: 10px;
    padding-left: 0; }
    .component-header-contact .phone-list-item:last-child {
      margin-bottom: 0; }
  .component-header-contact .phone-list-icon {
    flex: 0 0 30px;
    margin-right: 10px;
    text-align: center; }
    .component-header-contact .phone-list-icon .icon {
      font-size: 33px; }
      .component-header-contact .phone-list-icon .icon:before {
        position: relative; }
      .component-header-contact .phone-list-icon .icon.icon-fax:before, .component-header-contact .phone-list-icon .icon.icon-phone:before {
        top: 5px; }
  .component-header-contact .phone-list-content {
    line-height: 23px;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.32px; }
  .component-header-contact .phone-list-label {
    margin-bottom: -3px;
    font-size: 16px;
    letter-spacing: 0.32px;
    text-transform: uppercase; }
  .component-header-contact .phone-list-number {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.36px; }
    .component-header-contact .phone-list-number:hover {
      color: #ffffff; }
  .component-header-contact .contact-phone-hint {
    margin-bottom: 15px;
    font-size: 12px;
    letter-spacing: 0.24px; }
  .component-header-contact .contact-links .btn {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 75px;
    margin-bottom: 15px;
    font-size: 15px;
    text-align: left; }
    .component-header-contact .contact-links .btn:last-child {
      margin-bottom: 0; }
  .component-header-contact .contact-links .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 25px;
    transform: translateY(-50%); }
    .component-header-contact .contact-links .icon.icon-arrow-right {
      left: 28px;
      font-size: 20px; }

.component-header-desktop {
  position: relative; }
  .component-header-desktop:before {
    content: "Component: Header Desktop" !important;
    display: none; }
  .component-header-desktop .component-header-navbar .navbar-nav .nav-link {
    white-space: nowrap; }
  .component-header-desktop .header-full {
    position: relative;
    z-index: 1002;
    background-color: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.26);
    transition: opacity 250ms, transform 250ms, box-shadow 250ms; }
  .component-header-desktop .header-reduced {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1001; }
    .component-header-desktop .header-reduced .header-navigation {
      background-color: #ffffff;
      box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); }
  .component-header-desktop .header-wrapper {
    max-width: 1600px;
    padding-bottom: 10px;
    margin: 0 auto; }
  .component-header-desktop.header-scrolled .header-full {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px); }
  .component-header-desktop .header-main {
    border-bottom: 1px solid #e6e6e6; }
  .component-header-desktop .header-main-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 125px; }
    .component-header-desktop .header-main-container .bullet-item {
      margin-top: 15px; }
  .component-header-desktop .header-logo {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .component-header-desktop .logo-image {
    width: 100%; }
  .component-header-desktop .header-link {
    display: block;
    width: 215px;
    height: 54px; }
  .component-header-desktop .header-slogan {
    align-self: center;
    margin-top: 15px;
    margin-right: auto;
    margin-left: 25px;
    font-size: 14px;
    letter-spacing: 0.01em; }
  .component-header-desktop .header-globes {
    position: absolute;
    top: 0;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .component-header-desktop .header-globes {
        right: 155px; } }
    @media screen and (min-width: 1400px) {
      .component-header-desktop .header-globes {
        right: 200px; } }
  .component-header-desktop .globes-image {
    display: none; }
    @media screen and (min-width: 768px) {
      .component-header-desktop .globes-image {
        display: block;
        width: 385px; } }
    @media screen and (min-width: 1400px) {
      .component-header-desktop .globes-image {
        display: block;
        width: 485px; } }
  .component-header-desktop .header-navigation {
    border-bottom: 1px solid #e6e6e6; }
  .component-header-desktop .header-navbar-container {
    display: flex;
    height: 65px; }
    .component-header-desktop .header-navbar-container .header-logo {
      margin-right: 40px; }
    .component-header-desktop .header-navbar-container .header-link {
      width: 122px;
      height: 30px; }
    .component-header-desktop .header-navbar-container .component-header-navbar {
      width: 100%; }
  .component-header-desktop.header-scrolled .component-header-desktop-navigation {
    top: 61px !important; }
  .component-header-desktop .component-header-desktop-navigation {
    top: 192px; }
    .component-header-desktop .component-header-desktop-navigation.show ~ .header-full,
    .component-header-desktop .component-header-desktop-navigation.show ~ .header-reduced .header-navigation {
      box-shadow: none; }
  .component-header-desktop .header-reduced .header-navbar-container {
    height: 60px; }
  @media screen and (max-width: 1399px) {
    .component-header-desktop .component-header-search .btn-search {
      margin-left: auto; } }
  .component-header-desktop .bullet-item > .btn-icon .icon {
    font-size: 27px; }

.component-header-mobile {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000; }
  .component-header-mobile:before {
    content: "Component: Header Mobile" !important;
    display: none; }
  .component-header-mobile .header-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .component-header-mobile .header-wrapper {
    background-color: #ffffff; }
  .component-header-mobile .header-main-container {
    display: flex;
    height: 75px; }
    .component-header-mobile .header-main-container .btn-icon {
      width: 36px;
      height: 36px; }
  .component-header-mobile .header-bullets-container {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 10px 0;
    background-color: #ffffff; }
    .component-header-mobile .header-bullets-container .component-header-bullets {
      justify-content: space-around; }
  .component-header-mobile .component-header-mobile-navigation.show ~ .header-bullets-container {
    display: block;
    animation: animate-fade-in-up 350ms; }
  .component-header-mobile .header-logo {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .component-header-mobile .header-link {
    display: block;
    width: 160px;
    height: 40px; }
  .component-header-mobile .logo-image {
    width: 100%; }
  .component-header-mobile .component-header-search {
    width: 100%; }
    .component-header-mobile .component-header-search .icon.icon-glass {
      font-size: 16px; }
    .component-header-mobile .component-header-search .header-search-open-container {
      text-align: right; }
    .component-header-mobile .component-header-search .header-search-form-container {
      min-width: 280px; }
  .component-header-mobile .component-header-bullets .btn-icon.hidden {
    display: none; }
  .component-header-mobile .component-header-bullets .icon-burgermenu {
    font-size: 14px; }
  .component-header-mobile .component-header-bullets .icon-close {
    font-size: 12px; }
  .component-header-mobile .header-contact-container .component-header-contact {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .component-header-mobile .header-contact-container .component-highlight-block {
    height: inherit; }
  .component-header-mobile .component-header-search .form-control {
    padding-right: 60px; }
  .component-header-mobile .component-header-search .btn-search-clear {
    right: 35px; }

.component-header-navbar {
  height: inherit; }
  .component-header-navbar:before {
    content: "Component: Header Navbar" !important;
    display: none; }
  .component-header-navbar.header-navbar-small {
    font-size: 14px; }
    .component-header-navbar.header-navbar-small .navbar-nav .nav-link {
      letter-spacing: 0.03em; }
    .component-header-navbar.header-navbar-small .navbar-indicator {
      height: 3px; }
    @media screen and (max-width: 1399px) {
      .component-header-navbar.header-navbar-small .component-header-bullets {
        display: none; } }
  .component-header-navbar .navbar {
    position: relative;
    padding: 0;
    height: inherit; }
  .component-header-navbar .navbar-nav {
    width: 100%;
    height: inherit; }
    .component-header-navbar .navbar-nav .nav-item {
      height: inherit; }
      .component-header-navbar .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 0; }
      .component-header-navbar .navbar-nav .nav-item:last-child {
        width: 100%; }
    .component-header-navbar .navbar-nav .nav-link,
    .component-header-navbar .navbar-nav .nav-link:visited {
      position: relative;
      height: inherit;
      padding: 22px 12px 0;
      color: #575756;
      font-family: "Roboto Condensed", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      transition: color 350ms; }
      @media screen and (min-width: 1400px) {
        .component-header-navbar .navbar-nav .nav-link,
        .component-header-navbar .navbar-nav .nav-link:visited {
          padding-left: 20px;
          padding-right: 20px; } }
    .component-header-navbar .navbar-nav .nav-link:hover,
    .component-header-navbar .navbar-nav .nav-link:active,
    .component-header-navbar .navbar-nav .nav-item.active .nav-link {
      color: #b1c127; }
  .component-header-navbar .navbar-indicator {
    position: absolute;
    bottom: 0;
    height: 4px;
    background-color: #b1c127;
    pointer-events: none; }
    .component-header-navbar .navbar-indicator.animate {
      transition: left 250ms, width 250ms; }
  .component-header-navbar .navbar-navigation-container {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .component-header-navbar .component-header-bullets {
    position: absolute;
    top: 0;
    right: 0;
    height: inherit;
    max-height: 100%; }

.component-header-search {
  position: relative;
  height: 100%;
  padding-left: 20px; }
  .component-header-search:before {
    content: "Component: Header Search" !important;
    display: none; }
  .component-header-search .header-search-form-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 450px;
    height: inherit;
    padding-left: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease-in-out 350ms; }
    .component-header-search .header-search-form-container.show {
      opacity: 1;
      pointer-events: auto; }
      .component-header-search .header-search-form-container.show + .header-search-open-container {
        opacity: 0; }
      .component-header-search .header-search-form-container.show .form-control {
        width: 100%; }
    .component-header-search .header-search-form-container .btn-search {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
  .component-header-search .header-search-open-container {
    position: relative;
    height: inherit;
    transition: opacity ease-in-out 350ms; }
    .component-header-search .header-search-open-container .btn {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-weight: bold; }
  .component-header-search .form-control {
    width: 0;
    height: 40px;
    padding-left: 20px;
    padding-right: 75px;
    margin-left: auto;
    border-radius: 20px;
    box-shadow: 0 0 3px 3px #ffffff;
    transition: width ease-in-out 350ms; }
  .component-header-search .btn-search-clear {
    position: absolute;
    top: 50%;
    right: 50px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 0;
    transform: translateY(-50%); }
    .component-header-search .btn-search-clear .icon {
      color: #b1c127;
      font-size: 13px; }
  .component-header-search .btn-search {
    width: 40px;
    height: 40px;
    border-radius: 20px; }
    .component-header-search .btn-search .icon {
      font-size: 18px; }
  .component-header-search .btn-icon-label {
    position: relative;
    display: flex;
    flex-direction: row;
    width: auto;
    padding-left: 18px;
    padding-right: 46px; }
    .component-header-search .btn-icon-label .btn-label {
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.02em; }
    .component-header-search .btn-icon-label .icon {
      position: absolute;
      top: 50%;
      right: 18px;
      margin-top: 0;
      transform: translateY(-50%); }

.component-highlight-block {
  position: relative;
  color: #ffffff;
  background-color: #b1c127; }
  .component-highlight-block:before {
    content: "Component: Highlight Block" !important;
    display: none;
    left: auto !important;
    right: 0; }
  .component-highlight-block .btn-primary {
    color: #b1c127;
    background-color: #ffffff;
    border-color: #ffffff; }
    .component-highlight-block .btn-primary:not(:disabled):not(.disabled).active, .component-highlight-block .btn-primary:not(:disabled):not(.disabled):active, .component-highlight-block .btn-primary:not(:disabled):not(.disabled):hover {
      color: #ffffff;
      background-color: #c9d933;
      border-color: #c9d933; }
  .component-highlight-block .btn-default {
    color: #ffffff;
    background-color: #b1c127;
    border-color: #ffffff; }
    .component-highlight-block .btn-default:not(:disabled):not(.disabled).active, .component-highlight-block .btn-default:not(:disabled):not(.disabled):active, .component-highlight-block .btn-default:not(:disabled):not(.disabled):hover {
      background-color: #c9d933;
      border-color: #c9d933; }
  .component-highlight-block .btn-icon .icon {
    text-shadow: none; }

.component-highlight-slider {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  overflow: hidden;
  position: relative;
  height: 100%; }
  .component-highlight-slider:before {
    content: "Component: Highlight Slider" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-highlight-slider {
      margin-bottom: 60px; } }
  .component-highlight-slider .component-highlight-slider-bottom-button {
    position: absolute;
    right: 0;
    bottom: -80px;
    left: 0;
    margin: 0 auto;
    color: rgba(177, 193, 39, 0.9);
    text-align: center;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .component-highlight-slider .component-highlight-slider-bottom-button {
        display: none; } }
    .component-highlight-slider .component-highlight-slider-bottom-button svg {
      fill: currentColor;
      vertical-align: bottom; }
    .component-highlight-slider .component-highlight-slider-bottom-button:before {
      position: absolute;
      right: 0;
      bottom: 95px;
      font-size: 10px;
      left: 9px;
      color: #ffffff; }
  .component-highlight-slider .component-highlight-slider-teaser-overlay {
    position: absolute;
    width: 41%;
    background-color: rgba(230, 230, 230, 0.9);
    bottom: 16%;
    left: 150px;
    padding: 25px 50px 35px 50px;
    border-radius: 50px 0;
  /*
  button {
    color: $color-lime-pie;
    background-color: $color-white;
    border-color: $color-white;
  }
*/ }
    .component-highlight-slider .component-highlight-slider-teaser-overlay:before {
      content: "Component: Highlight Slider Tease Overlay" !important;
      display: none; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay:not(.transparent) button:hover {
      color: #ffffff; }
    @media screen and (max-width: 767px) {
      .component-highlight-slider .component-highlight-slider-teaser-overlay {
        background-color: #e6e6e6; } }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.top-left {
      top: 18%;
      bottom: inherit; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.top-right {
      top: 18%;
      left: auto;
      right: 150px;
      bottom: inherit; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.bottom-right {
      left: auto;
      right: 150px; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay h1 {
      color: #575756;
      margin-bottom: 15px; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay p {
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      color: #575756;
      font-size: 25px; }
      @media screen and (max-width: 991px) {
        .component-highlight-slider .component-highlight-slider-teaser-overlay p {
          font-size: 18px; } }
    .component-highlight-slider .component-highlight-slider-teaser-overlay button {
      color: #ffffff;
      background-color: #575756;
      border-color: #575756; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay .btn-icon-round {
      display: none; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.green {
      background: #b1c127; }
      .component-highlight-slider .component-highlight-slider-teaser-overlay.green h1, .component-highlight-slider .component-highlight-slider-teaser-overlay.green p {
        color: #ffffff; }
      .component-highlight-slider .component-highlight-slider-teaser-overlay.green button {
        color: #b1c127;
        background-color: #ffffff;
        border-color: #ffffff; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent {
      background: transparent; }
      .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent h1, .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent p {
        color: #b1c127; }
      .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent button {
        color: #ffffff;
        background-color: #b1c127;
        border-color: #b1c127; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.type-light h1, .component-highlight-slider .component-highlight-slider-teaser-overlay.type-light p {
      color: #ffffff; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.type-light button {
      color: #575756;
      background-color: #ffffff;
      border-color: #ffffff; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.type-dark h1, .component-highlight-slider .component-highlight-slider-teaser-overlay.type-dark p {
      color: #575756; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.type-dark button {
      color: #ffffff;
      background-color: #575756;
      border-color: #575756; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.text-green h1, .component-highlight-slider .component-highlight-slider-teaser-overlay.text-green p {
      color: #b1c127; }
    .component-highlight-slider .component-highlight-slider-teaser-overlay.text-green button {
      color: #ffffff;
      background-color: #b1c127;
      border-color: #b1c127; }
    @media screen and (max-width: 1399px) {
      .component-highlight-slider .component-highlight-slider-teaser-overlay {
        width: 480px;
        left: 109px;
        padding: 15px 40px 30px 40px; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay h1 {
          font-size: 38px;
          line-height: 46px; } }
    @media screen and (max-width: 991px) {
      .component-highlight-slider .component-highlight-slider-teaser-overlay h1 {
        font-size: 27px;
        line-height: 34px; } }
    @media screen and (max-width: 767px) {
      .component-highlight-slider .component-highlight-slider-teaser-overlay {
        background-color: #e6e6e6;
        width: 310px;
        margin: -30px auto 0;
        left: 0;
        padding: 15px 88px 10px 20px;
        position: relative;
        overflow: auto;
        border-radius: 25px 0; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay h1 {
          width: 200px;
          float: left;
          line-height: 30px;
          font-size: 23px; }
          .component-highlight-slider .component-highlight-slider-teaser-overlay h1 p {
            display: block; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay p {
          display: none; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay .btn-primary {
          display: none; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay .btn-icon-round {
          position: absolute;
          float: right;
          top: 50%;
          right: 0;
          display: block;
          background-color: transparent;
          border-color: transparent;
          transform: translate(0, -50%); }
        .component-highlight-slider .component-highlight-slider-teaser-overlay .icon-arrow-long {
          font-size: 14px;
          color: #575756;
          line-height: 42px; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent {
          background-color: rgba(230, 230, 230, 0.9); }
          .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent .btn-icon-round {
            background-color: transparent;
            border-color: transparent; }
          .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent .icon-arrow-long {
            color: #b1c127; }
          .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent.type-light {
            background-color: rgba(87, 87, 86, 0.9); }
            .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent.type-light .icon-arrow-long {
              color: #ffffff; } }
      @media screen and (max-width: 767px) and (max-width: 767px) {
        .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent.type-light {
          background-color: #575756; } }
    @media screen and (max-width: 767px) {
          .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent.type-dark .icon-arrow-long {
            color: #575756; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .component-highlight-slider .component-highlight-slider-teaser-overlay.transparent.type-dark {
        background-color: #e6e6e6; } }
    @media screen and (max-width: 767px) {
        .component-highlight-slider .component-highlight-slider-teaser-overlay.green {
          background-color: #b1c127; }
          .component-highlight-slider .component-highlight-slider-teaser-overlay.green .btn-icon-round {
            background-color: transparent;
            border-color: transparent; }
          .component-highlight-slider .component-highlight-slider-teaser-overlay.green .icon-arrow-long {
            color: #ffffff; }
        .component-highlight-slider .component-highlight-slider-teaser-overlay.top-left, .component-highlight-slider .component-highlight-slider-teaser-overlay.top-right, .component-highlight-slider .component-highlight-slider-teaser-overlay.bottom-right {
          top: auto;
          right: auto;
          bottom: 12%;
          left: auto; } }
  .content-wrapper .component-highlight-slider:first-child {
    margin-top: -40px; }
    @media screen and (min-width: 992px) {
      .content-wrapper .component-highlight-slider:first-child {
        margin-top: -60px; } }
  .component-highlight-slider .btn-prev {
    position: absolute;
    background-color: transparent;
    border: none;
    z-index: 1;
    left: 0;
    top: 50%;
    transform: translate(30px, -50%);
    width: 36px;
    height: 36px;
    opacity: 0.7; }
    .component-highlight-slider .btn-prev i {
      font-size: 43px;
      color: #b1c127; }
      @media screen and (max-width: 767px) {
        .component-highlight-slider .btn-prev i {
          font-size: 35px; } }
    .component-highlight-slider .btn-prev.type-light i {
      color: #ffffff; }
    .component-highlight-slider .btn-prev.type-dark i {
      color: #575756; }
    @media screen and (max-width: 767px) {
      .component-highlight-slider .btn-prev {
        transform: translate(20px, -50%);
        width: 36px;
        height: 36px;
        top: 40%; } }
    @media screen and (max-width: 425px) {
      .component-highlight-slider .btn-prev {
        top: 35%; } }
  .component-highlight-slider .btn-next {
    position: absolute;
    background-color: transparent;
    border: none;
    z-index: 1;
    right: 0;
    top: 50%;
    transform: translate(-30px, -50%);
    opacity: 0.7; }
    .component-highlight-slider .btn-next i {
      font-size: 43px;
      color: #b1c127; }
      @media screen and (max-width: 767px) {
        .component-highlight-slider .btn-next i {
          font-size: 35px; } }
    .component-highlight-slider .btn-next.type-light i {
      color: #ffffff; }
    .component-highlight-slider .btn-next.type-dark i {
      color: #575756; }
    @media screen and (max-width: 767px) {
      .component-highlight-slider .btn-next {
        transform: translate(-20px, -50%);
        width: 36px;
        height: 36px;
        top: 40%; } }
    @media screen and (max-width: 425px) {
      .component-highlight-slider .btn-next {
        top: 35%; } }
  .component-highlight-slider .slick-arrow {
    transition: opacity .2s ease-in-out; }
    .component-highlight-slider .slick-arrow .icon {
      width: 43px;
      height: 43px; }
      .component-highlight-slider .slick-arrow .icon:after {
        content: '';
        display: block;
        border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
        height: 30px;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        transition: opacity .2s ease-in-out; }
      .component-highlight-slider .slick-arrow .icon:before {
        position: absolute;
        z-index: 2;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .component-highlight-slider .slick-arrow.type-light .icon:after {
      background-color: #575756; }
    .component-highlight-slider .slick-arrow:after {
      content: '';
      display: block;
      width: 37px;
      height: 37px;
      background-color: rgba(177, 193, 39, 0.6);
      border-radius: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      transition: all .2s ease-in-out; }
    .component-highlight-slider .slick-arrow.type-light:after {
      background-color: rgba(255, 255, 255, 0.6); }
    .component-highlight-slider .slick-arrow.type-dark:after {
      background-color: rgba(87, 87, 86, 0.6); }
    .component-highlight-slider .slick-arrow:hover {
      opacity: 1; }
      .component-highlight-slider .slick-arrow:hover:after {
        display: block;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.35); }
        @media screen and (max-width: 767px) {
          .component-highlight-slider .slick-arrow:hover:after {
            transform: translate(-50%, -50%) scale(1.15); } }
      .component-highlight-slider .slick-arrow:hover .icon:after {
        opacity: 1; }
  .component-highlight-slider .slider {
    opacity: 0;
    transition: opacity 350ms; }
    .component-highlight-slider .slider.slick-initialized {
      opacity: 1;
      overflow: hidden; }
    .component-highlight-slider .slider .slider-item {
      display: block !important; }
    .component-highlight-slider .slider .custom-dots {
      position: absolute;
      top: 15px;
      width: 100%;
      text-align: center;
      padding: 0; }
      .component-highlight-slider .slider .custom-dots li {
        display: inline-block;
        position: relative;
        padding: 4px; }
        .component-highlight-slider .slider .custom-dots li.slick-active button {
          background-color: #b1c127; }
        .component-highlight-slider .slider .custom-dots li button {
          cursor: pointer;
          position: relative;
          width: 31px;
          height: 4px;
          border: 0;
          background-color: #ffffff;
          color: transparent; }
  .component-highlight-slider .btn-slider-goto:before {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    transform: translate(-50%, 0);
    bottom: 14px;
    left: 50%;
    z-index: 2; }
  .component-highlight-slider .btn-slider-goto span {
    border: 0px;
    content: '';
    cursor: pointer;
    display: block;
    width: 300px;
    height: 400px;
    border-radius: 50%;
    background-color: #b1c127;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1;
    margin-top: -35px;
    opacity: 0.7;
    transform: translate(-50%, 0);
    transition: border-width .2s ease-in-out, opacity .2s ease-in-out; }
    .component-highlight-slider .btn-slider-goto span:after {
      width: 300px;
      height: 400px;
      border-radius: 50%;
      content: '';
      display: block;
      background-color: rgba(177, 193, 39, 0.6);
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0) scale(1);
      margin-top: 0;
      transition: all .2s ease-in-out; }
  .component-highlight-slider .btn-slider-goto:hover span {
    opacity: 1; }
    .component-highlight-slider .btn-slider-goto:hover span:after {
      transform: translate(-50%, 0) scale(1.04); }
  .component-highlight-slider .btn-slider-goto.type-light:before {
    color: #575756; }
  .component-highlight-slider .btn-slider-goto.type-light span {
    background-color: #ffffff; }
    .component-highlight-slider .btn-slider-goto.type-light span:after {
      background-color: rgba(255, 255, 255, 0.6); }
  .component-highlight-slider .btn-slider-goto.type-dark:before {
    color: #ffffff; }
  .component-highlight-slider .btn-slider-goto.type-dark span {
    background-color: #575756; }
    .component-highlight-slider .btn-slider-goto.type-dark span:after {
      background-color: rgba(87, 87, 86, 0.6); }
  @media screen and (max-width: 767px) {
    .component-highlight-slider .btn-slider-goto {
      display: none; } }
  .component-highlight-slider.is-cut .btn-slider-goto:before {
    position: fixed; }
  .component-highlight-slider.is-cut .btn-slider-goto span {
    position: fixed; }
  .component-highlight-slider.exceeds-viewport .component-highlight-slider-teaser-overlay {
    top: 13%;
    bottom: inherit; }
  .component-highlight-slider .highlight-slider-bottom {
    position: absolute;
    bottom: 0; }
@media screen and (min-width: 1400px) and (min-height: 900px) {
  .component-highlight-slider .component-image {
    max-height: calc(100vh - 192px); } }

.teaser-slider {
  position: relative;
  /* ==== Slider Style === */ }
  .teaser-slider:before {
    content: "Component: Teaser Slider" !important;
    display: none; }
  .teaser-slider .slick-slide .col-md-6, .teaser-slider .slick-slide .col-lg-3 {
    max-width: 100%; }
  .teaser-slider .btn-next {
    position: absolute;
    top: 50%;
    right: -24px;
    width: 48px;
    height: 48px;
    background: white;
    border: 0 none;
    text-align: center;
    color: #b1c127;
    z-index: 5;
    transform: translate(0, -50%); }
    @media screen and (max-width: 767px) {
      .teaser-slider .btn-next {
        right: -20px; } }
    .teaser-slider .btn-next .icon {
      font-size: 42px; }
  .teaser-slider .btn-prev {
    position: absolute;
    top: 50%;
    left: -24px;
    width: 48px;
    height: 48px;
    background: white;
    border: 0 none;
    text-align: center;
    color: #b1c127;
    z-index: 5;
    transform: translate(0, -50%); }
    @media screen and (max-width: 767px) {
      .teaser-slider .btn-prev {
        left: -20px; } }
    .teaser-slider .btn-prev .icon {
      font-size: 42px; }
  .teaser-slider .slick-arrow {
    transition: opacity .2s ease-in-out; }
    .teaser-slider .slick-arrow .icon {
      width: 43px;
      height: 43px; }
      .teaser-slider .slick-arrow .icon:after {
        content: '';
        display: block;
        border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
        height: 30px;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        transition: opacity .2s ease-in-out; }
      .teaser-slider .slick-arrow .icon:before {
        position: absolute;
        z-index: 2;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-left: 2px; }
    .teaser-slider .slick-arrow:after {
      content: '';
      display: block;
      width: 37px;
      height: 37px;
      background-color: rgba(177, 193, 39, 0.6);
      border-radius: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      transition: all .2s ease-in-out; }
    .teaser-slider .slick-arrow:hover {
      opacity: 1; }
      .teaser-slider .slick-arrow:hover:after {
        display: block;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.35); }
        @media screen and (max-width: 767px) {
          .teaser-slider .slick-arrow:hover:after {
            transform: translate(-50%, -50%) scale(1.15); } }
      .teaser-slider .slick-arrow:hover .icon:after {
        opacity: 1; }
    .teaser-slider .slick-arrow.slick-disabled {
      opacity: 0;
      transition: opacity .2s ease-in-out;
      cursor: auto; }
  .teaser-slider .custom-dots {
    text-align: center;
    padding: 0;
    margin: 0 auto; }
    .teaser-slider .custom-dots .slick-dots {
      margin: 0;
      padding: 0; }
    .teaser-slider .custom-dots li {
      display: inline-block;
      position: relative;
      padding: 0 4px; }
      .teaser-slider .custom-dots li.slick-active button {
        background-color: #b1c127;
        border: none;
        padding: 0; }
      .teaser-slider .custom-dots li button {
        cursor: pointer;
        position: relative;
        top: 1px;
        border: 0;
        text-indent: -1000px;
        overflow: hidden;
        height: 4px;
        width: 31px;
        background-color: #d9d9d9;
        padding: 0;
        vertical-align: top; }
        .teaser-slider .custom-dots li button:hover {
          color: #b1c127; }

.component-theme-slider {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  margin-left: -25px;
  margin-right: -25px;
  /* ==== KeyFrame Animations=== */
  /** fadeInDown **/
  /** fadeInLeft **/
  /** fadeInRight **/
  /* ==== Slider Style === */
  /* ==== Theme Slider Animations === */ }
  .component-theme-slider:before {
    content: "Component: Theme Slider" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-theme-slider {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .component-theme-slider {
      margin-left: 0;
      margin-right: 0; } }
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -o-transform: translatey(-10px);
    transform: translatey(-10px); }
  to {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0); } }
@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -o-transform: translatey(-10px);
    transform: translatey(-10px); }
  to {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0); } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -o-transform: translatey(-10px);
    transform: translatey(-10px); }
  to {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0); } }
  .component-theme-slider .in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s; }
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translatex(-10px);
    -moz-transform: translatex(-10px);
    -o-transform: translatex(-10px);
    transform: translatex(-10px); }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0); } }
@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translatex(-10px);
    -moz-transform: translatex(-10px);
    -o-transform: translatex(-10px);
    transform: translatex(-10px); }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0); } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px); }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0); } }
  .component-theme-slider .in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s; }
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translatex(10px);
    -moz-transform: translatex(10px);
    -o-transform: translatex(10px);
    transform: translatex(10px); }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0); } }
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translatex(10px);
    -moz-transform: translatex(10px);
    -o-transform: translatex(10px);
    transform: translatex(10px); }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0); } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translatex(100px);
    -moz-transform: translatex(100px);
    -o-transform: translatex(100px);
    transform: translatex(100px); }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0); } }
  .component-theme-slider .in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s; }
  .component-theme-slider .slick-list {
    padding-top: 80px;
    overflow: visible; }
    @media screen and (max-width: 767px) {
      .component-theme-slider .slick-list {
        padding-top: 0; } }
  @media screen and (min-width: 768px) {
    .component-theme-slider .slick-track {
      display: flex;
      align-items: center;
      justify-content: center; } }
  .component-theme-slider .slider-item {
    display: table !important;
    height: 1px;
    table-layout: fixed; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .component-theme-slider .slider-item {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: auto; } }
    .component-theme-slider .slider-item .component-theme-slider-right-container {
      width: 47.75%;
      position: relative;
      display: table-cell;
      vertical-align: top;
      right: 25px;
      padding-bottom: 20px;
      height: 100%; }
      @media all and (-ms-high-contrast: none) {
        .component-theme-slider .slider-item .component-theme-slider-right-container {
          right: 0; } }
      @supports (-ms-ime-align: auto) {
        .component-theme-slider .slider-item .component-theme-slider-right-container {
          right: 0; } }
      @media all and (-ms-high-contrast: none) {
        .component-theme-slider .slider-item .component-theme-slider-right-container > * {
          position: relative;
          left: -25px !important; } }
      @supports (-ms-ime-align: auto) {
        .component-theme-slider .slider-item .component-theme-slider-right-container > * {
          position: relative;
          left: -25px !important; } }
      @media screen and (max-width: 767px) {
        .component-theme-slider .slider-item .component-theme-slider-right-container {
          width: 100%;
          display: block;
          right: 0;
          height: auto; } }
      .component-theme-slider .slider-item .component-theme-slider-right-container.component-theme-slider-image {
        z-index: -1;
        width: 52.25%; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slider-item .component-theme-slider-right-container.component-theme-slider-image {
            width: 100%;
            display: table-header-group; }
            .component-theme-slider .slider-item .component-theme-slider-right-container.component-theme-slider-image .component-image img {
              border-radius: 50px 0 0 0; } }
      .component-theme-slider .slider-item .component-theme-slider-right-container .component-image img {
        border-radius: 50px 0; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slider-item .component-theme-slider-right-container .component-image img {
            border-radius: 0 0 50px; } }
      .component-theme-slider .slider-item .component-theme-slider-right-container .component-info {
        left: 0;
        right: 20px;
        text-align: center;
        align-items: center;
        border-radius: 50px 0;
        background: #f2f2f2;
        padding: 55px 14% 50px 26.5%;
        height: 100%;
        display: flex; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slider-item .component-theme-slider-right-container .component-info {
            border-radius: 0 0 50px;
            padding: 30px 25px; } }
        .component-theme-slider .slider-item .component-theme-slider-right-container .component-info .component-info-description {
          margin: 0 auto;
          text-align: left;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .component-theme-slider .slider-item .component-theme-slider-right-container .component-info .component-info-description {
              text-align: center; } }
          .component-theme-slider .slider-item .component-theme-slider-right-container .component-info .component-info-description h2 {
            margin-bottom: 15px;
            font-size: 60px;
            line-height: 1em; }
            @media screen and (max-width: 1399px) {
              .component-theme-slider .slider-item .component-theme-slider-right-container .component-info .component-info-description h2 {
                font-size: 32px; } }
          .component-theme-slider .slider-item .component-theme-slider-right-container .component-info .component-info-description p {
            font-size: 25px;
            line-height: 30px; }
            @media screen and (max-width: 1399px) {
              .component-theme-slider .slider-item .component-theme-slider-right-container .component-info .component-info-description p {
                font-size: 18px;
                line-height: 30px; } }
    .component-theme-slider .slider-item .component-theme-slider-left-container {
      width: 47.75%;
      position: relative;
      display: table-cell;
      vertical-align: top;
      left: 25px;
      padding-top: 20px;
      height: 100%; }
      @media all and (-ms-high-contrast: none) {
        .component-theme-slider .slider-item .component-theme-slider-left-container {
          left: 0; } }
      @supports (-ms-ime-align: auto) {
        .component-theme-slider .slider-item .component-theme-slider-left-container {
          left: 0; } }
      @media all and (-ms-high-contrast: none) {
        .component-theme-slider .slider-item .component-theme-slider-left-container > * {
          position: relative;
          left: 25px !important; } }
      @supports (-ms-ime-align: auto) {
        .component-theme-slider .slider-item .component-theme-slider-left-container > * {
          position: relative;
          left: 25px !important; } }
      @media screen and (max-width: 767px) {
        .component-theme-slider .slider-item .component-theme-slider-left-container {
          width: 100%;
          display: block;
          padding-top: 0;
          left: 0;
          height: auto; }
          .component-theme-slider .slider-item .component-theme-slider-left-container:not(.component-theme-slider-image) {
            display: table-footer-group; }
            .component-theme-slider .slider-item .component-theme-slider-left-container:not(.component-theme-slider-image) .component-info {
              border-radius: 0 0 50px 0; } }
      .component-theme-slider .slider-item .component-theme-slider-left-container.component-theme-slider-image {
        z-index: -1;
        width: 52.25%; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slider-item .component-theme-slider-left-container.component-theme-slider-image {
            width: 100%; } }
      .component-theme-slider .slider-item .component-theme-slider-left-container .component-image img {
        border-radius: 50px 0; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slider-item .component-theme-slider-left-container .component-image img {
            border-radius: 50px 0 0; } }
      .component-theme-slider .slider-item .component-theme-slider-left-container .component-info {
        left: 20px;
        right: 0;
        text-align: center;
        align-items: center;
        border-radius: 50px 0;
        background: #f2f2f2;
        padding: 55px 26.5% 50px 14%;
        height: 100%;
        display: flex; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slider-item .component-theme-slider-left-container .component-info {
            border-radius: 50px 0 0;
            padding: 30px 25px; } }
        .component-theme-slider .slider-item .component-theme-slider-left-container .component-info .component-info-description {
          margin: 0 auto;
          text-align: left;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .component-theme-slider .slider-item .component-theme-slider-left-container .component-info .component-info-description {
              text-align: center; } }
          .component-theme-slider .slider-item .component-theme-slider-left-container .component-info .component-info-description h2 {
            margin-bottom: 15px;
            font-size: 60px;
            line-height: 1em; }
            @media screen and (max-width: 1399px) {
              .component-theme-slider .slider-item .component-theme-slider-left-container .component-info .component-info-description h2 {
                font-size: 32px; } }
          .component-theme-slider .slider-item .component-theme-slider-left-container .component-info .component-info-description p {
            font-size: 25px;
            line-height: 30px; }
            @media screen and (max-width: 1399px) {
              .component-theme-slider .slider-item .component-theme-slider-left-container .component-info .component-info-description p {
                font-size: 18px;
                line-height: 30px; } }
    .component-theme-slider .slider-item.green .component-info {
      background-color: #b1c127;
      color: #ffffff; }
      .component-theme-slider .slider-item.green .component-info .btn-primary {
        color: #b1c127;
        background-color: #ffffff;
        border-color: #ffffff; }
        .component-theme-slider .slider-item.green .component-info .btn-primary:hover {
          color: #ffffff;
          background-color: #c9d933;
          border-color: #c9d933; }
    .component-theme-slider .slider-item.transparent .component-info {
      background-color: transparent; }
    .component-theme-slider .slider-item.product {
      width: 100% !important;
      margin: 0; }
  .component-theme-slider .btn-next {
    position: absolute;
    top: 50%;
    right: 0;
    width: 48px;
    height: 48px;
    background: white;
    border: 0 none;
    text-align: center;
    color: #b1c127;
    z-index: 5;
    transform: translate(0, -50%); }
    @media screen and (max-width: 767px) {
      .component-theme-slider .btn-next {
        right: -20px; } }
    .component-theme-slider .btn-next .icon {
      font-size: 42px; }
  .component-theme-slider .btn-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 48px;
    background: white;
    border: 0 none;
    text-align: center;
    color: #b1c127;
    z-index: 5;
    transform: translate(0, -50%); }
    @media screen and (max-width: 767px) {
      .component-theme-slider .btn-prev {
        left: -20px; } }
    .component-theme-slider .btn-prev .icon {
      font-size: 42px; }
  .component-theme-slider .slick-arrow {
    transition: opacity .2s ease-in-out; }
    .component-theme-slider .slick-arrow .icon {
      width: 42px;
      height: 42px;
      top: 0.5px;
      right: 0.5px; }
      .component-theme-slider .slick-arrow .icon:after {
        content: '';
        display: block;
        border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
        height: 30px;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        transition: opacity .2s ease-in-out; }
      .component-theme-slider .slick-arrow .icon:before {
        position: absolute;
        z-index: 2;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-left: 2px; }
    .component-theme-slider .slick-arrow:after {
      content: '';
      display: block;
      width: 37px;
      height: 37px;
      background-color: rgba(177, 193, 39, 0.6);
      border-radius: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      transition: all .2s ease-in-out; }
    .component-theme-slider .slick-arrow.inverted:after {
      background-color: rgba(87, 87, 86, 0.6); }
    .component-theme-slider .slick-arrow:hover {
      opacity: 1; }
      .component-theme-slider .slick-arrow:hover:after {
        display: block;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.35); }
        @media screen and (max-width: 767px) {
          .component-theme-slider .slick-arrow:hover:after {
            transform: translate(-50%, -50%) scale(1.15); } }
      .component-theme-slider .slick-arrow:hover .icon:after {
        opacity: 1; }
  .component-theme-slider .custom-dots {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    top: 0;
    text-align: center;
    padding: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    vertical-align: bottom; }
    @media screen and (max-width: 767px) {
      .component-theme-slider .custom-dots {
        display: none !important; } }
    .component-theme-slider .custom-dots li {
      display: inline-block;
      position: relative;
      padding: 0 20px;
      vertical-align: center;
      border-bottom: 1px solid #d9d9d9; }
      @media screen and (max-width: 767px) {
        .component-theme-slider .custom-dots li {
          border-bottom: none;
          padding: 0 4px; } }
      .component-theme-slider .custom-dots li.slick-active button {
        color: #b1c127;
        border-bottom: 4px solid #b1c127;
        padding-bottom: 6px; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .custom-dots li.slick-active button {
            background-color: #b1c127;
            border: none;
            padding: 0; } }
      .component-theme-slider .custom-dots li button {
        cursor: pointer;
        position: relative;
        top: 1px;
        border: 0;
        padding: 5px 0 10px;
        background-color: transparent;
        color: #919190; }
        @media screen and (max-width: 767px) {
          .component-theme-slider .custom-dots li button {
            text-indent: -1000px;
            overflow: hidden;
            height: 4px;
            width: 31px;
            background-color: #d9d9d9;
            padding: 0; } }
        .component-theme-slider .custom-dots li button:hover {
          color: #b1c127; }
  .component-theme-slider.no-dots .custom-dots {
    display: none !important; }
  .component-theme-slider.no-dots .slick-list {
    padding-top: 0; }
  .component-theme-slider .slick-active .component-theme-slider-right-container .component-image,
  .component-theme-slider .slick-active .component-product-image-text-text {
    animation: fadeInRight 1s both 1s; }
  .component-theme-slider .slick-active .component-theme-slider-left-container .component-info {
    animation: fadeInLeft 1s both 1s; }
  .component-theme-slider .slick-active .component-image {
    animation: fadeInLeft 1s both 1s; }
  .component-theme-slider .slick-active .component-info {
    animation: fadeInRight 1s both 1s; }
  @media screen and (max-width: 767px) {
    .component-theme-slider .slick-active .component-theme-slider-right-container .component-image {
      animation: fadeInLeft 1s both 1s; } }
  @media screen and (max-width: 767px) {
    .component-theme-slider .slick-active .component-theme-slider-left-container .component-info {
      animation: fadeInRight 1s both 1s; } }

.component-galery-slider {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  /* ==== Slider Style === */ }
  .component-galery-slider:before {
    content: "Component: Galery Slider" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-galery-slider {
      margin-bottom: 60px; } }
  .component-galery-slider .slider {
    opacity: 0;
    transition: opacity 350ms;
    overflow: hidden; }
    .component-galery-slider .slider .btn-next,
    .component-galery-slider .slider .btn-prev {
      display: none; }
    .component-galery-slider .slider .slider-item {
      display: none; }
      .component-galery-slider .slider .slider-item:first-child {
        display: block; }
    .component-galery-slider .slider.slick-initialized {
      opacity: 1;
      overflow: visible; }
      .component-galery-slider .slider.slick-initialized .btn-next,
      .component-galery-slider .slider.slick-initialized .btn-prev {
        display: block; }
        .component-galery-slider .slider.slick-initialized .btn-next.slick-hidden,
        .component-galery-slider .slider.slick-initialized .btn-prev.slick-hidden {
          display: none; }
      .component-galery-slider .slider.slick-initialized .slider-item {
        display: block; }
  .component-galery-slider .slick-list {
    overflow: visible;
    background-color: #f2f2f2; }
  .component-galery-slider .slider-item .yt-video-embed {
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    box-sizing: border-box; }
    .component-galery-slider .slider-item .yt-video-embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      border: none; }
  .component-galery-slider .slider-item .image {
    position: relative; }
  .component-galery-slider .slider-item > p {
    background-color: #f2f2f2;
    text-align: center;
    margin: 0;
    padding: 10px 0 7px;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #575756; }
  .component-galery-slider .btn-next {
    position: absolute;
    top: 50%;
    right: 0;
    width: 48px;
    height: 48px;
    background: white;
    border: 0 none;
    text-align: center;
    color: #b1c127;
    z-index: 5;
    transform: translate(50%, -50%); }
    .component-galery-slider .btn-next .icon {
      font-size: 42px; }
  .component-galery-slider .btn-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 48px;
    background: white;
    border: 0 none;
    text-align: center;
    color: #b1c127;
    z-index: 5;
    transform: translate(-50%, -50%); }
    .component-galery-slider .btn-prev .icon {
      font-size: 42px; }
  .component-galery-slider .slick-arrow {
    transition: opacity .2s ease-in-out; }
    .component-galery-slider .slick-arrow .icon {
      width: 42px;
      height: 42px;
      position: absolute;
      left: 2px;
      top: 3px; }
      .component-galery-slider .slick-arrow .icon:after {
        content: '';
        display: block;
        border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
        height: 30px;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        transition: opacity .2s ease-in-out; }
      .component-galery-slider .slick-arrow .icon:before {
        position: absolute;
        z-index: 2;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-left: 2px; }
    .component-galery-slider .slick-arrow:after {
      content: '';
      display: block;
      width: 37px;
      height: 37px;
      background-color: rgba(177, 193, 39, 0.6);
      border-radius: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      transition: all .2s ease-in-out;
      margin-left: 1px; }
    .component-galery-slider .slick-arrow.inverted:after {
      background-color: rgba(87, 87, 86, 0.6); }
    .component-galery-slider .slick-arrow:hover {
      opacity: 1; }
      .component-galery-slider .slick-arrow:hover:after {
        display: block;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.35); }
        @media screen and (max-width: 767px) {
          .component-galery-slider .slick-arrow:hover:after {
            transform: translate(-50%, -50%) scale(1.15); } }
      .component-galery-slider .slick-arrow:hover .icon:after {
        opacity: 1; }
  .component-galery-slider .custom-dots {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    line-height: 4px; }
    @media screen and (max-width: 767px) {
      .component-galery-slider .custom-dots {
        display: none; } }
    .component-galery-slider .custom-dots .slick-dots {
      margin-bottom: 14px; }
    .component-galery-slider .custom-dots li {
      display: inline-block;
      position: relative;
      padding: 0;
      line-height: 4px; }
      .component-galery-slider .custom-dots li.slick-active button {
        background-color: #b1c127; }
      .component-galery-slider .custom-dots li button {
        cursor: pointer;
        display: inline-block;
        width: 31px;
        height: 4px;
        border: 0;
        text-indent: -1000px;
        overflow: hidden;
        line-height: 0;
        margin: 0 5px;
        background-color: #d9d9d9;
        transition: background-color .2s ease-in-out; }
        .component-galery-slider .custom-dots li button:hover {
          background-color: #b1c127; }
  .component-galery-slider .custom-paging {
    display: none;
    margin-bottom: 10px;
    font-weight: 700;
    color: #919190;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .component-galery-slider .custom-paging {
        display: block; } }

.component-image {
  position: relative;
  width: 100%; }
  .component-image:before {
    content: "Component: Image" !important;
    display: none;
    left: auto !important;
    right: 0; }
  .component-image img {
    display: block;
    width: 100%; }
    .component-image img.lazyloaded {
      animation-name: animation-lazy-image;
      animation-duration: 650ms;
      animation-fill-mode: forwards; }

@keyframes animation-lazy-image {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.component-page-initiation {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  position: relative; }
  .component-page-initiation:before {
    content: "Component: Page Initiation" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-page-initiation {
      margin-bottom: 60px; } }
  .component-page-initiation h1 {
    margin-top: 50px; }
  .component-page-initiation.separating-line {
    border-bottom: 1px solid #e6e6e6; }
  .component-page-initiation.no-spacing {
    margin-bottom: 0; }

.component-text {
  position: relative; }
  .component-text:before {
    content: "Component: Text" !important;
    display: none;
    left: auto !important;
    right: 0; }
  .component-text p:last-child {
    margin-bottom: 0; }

.component-text-list {
  position: relative;
  padding: 0;
  margin: 0; }
  .component-text-list:before {
    content: "Component: Text List" !important;
    display: none; }
  .component-text-list.text-list-horizontal {
    display: flex;
    list-style: none; }
  .component-text-list.text-list-links {
    padding-left: 5px;
    list-style: none; }

.component-fact-teaser {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none; }
  .component-fact-teaser:before {
    content: "Component: Fact Teaser" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-fact-teaser {
      margin-bottom: 60px; } }
  .component-fact-teaser .fact-teasers {
    justify-content: center;
    padding-left: 0;
    width: 100%; }
  .component-fact-teaser .fact-teaser {
    display: block;
    text-align: center;
    position: relative; }
  .component-fact-teaser .fact-teaser-content {
    padding-left: 18px;
    padding-right: 18px; }
    @media screen and (max-width: 991px) {
      .component-fact-teaser .fact-teaser-content {
        padding-bottom: 60px; } }
  .component-fact-teaser .fact-teaser-headlines {
    margin-bottom: 20px; }
  .component-fact-teaser .fact-teaser-headline-primary {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    text-transform: uppercase; }
  .component-fact-teaser .fact-teaser-headline-secondary {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase; }
  .component-fact-teaser img {
    margin: 10px auto 20px auto;
    width: 100px; }
    .component-fact-teaser img.round {
      border-radius: 50%;
      height: 100px; }
  .component-fact-teaser .fact-teaser-text {
    font-size: 14px;
    margin-top: 20px; }
  .component-fact-teaser .fact-teaser-description {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 26px; }
    .component-fact-teaser .fact-teaser-description:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .component-fact-teaser .fact-teaser-description {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto; } }

.component-product-teaser {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  text-align: center; }
  .component-product-teaser:before {
    content: "Component: Product Teaser" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-product-teaser {
      margin-bottom: 60px; } }
  .component-product-teaser .product-teasers {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0; }
  .component-product-teaser .product-teaser {
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 20px; }
    .component-product-teaser .product-teaser > div {
      border: 1px solid #d9d9d9;
      position: relative;
      padding-top: 35px;
      padding-bottom: 50px;
      height: 100%; }
  .component-product-teaser .new-icon {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    background-color: #b1c127;
    border-radius: 0 0 10px;
    color: #ffffff;
    font-style: italic;
    padding: 4px 0 0 0;
    text-indent: -3px;
    width: 56px;
    font-size: 0.875rem;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    display: none; }
    .component-product-teaser .new-icon:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 50px 0 0;
      border-color: #b1c127 transparent transparent transparent; }
  .component-product-teaser .sale-icon {
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: #cb6220;
    border-radius: 0 0 0 36px;
    color: #ffffff;
    width: 36px;
    height: 36px;
    display: none; }
    .component-product-teaser .sale-icon:before {
      font-size: 18px;
      position: absolute;
      top: 6px;
      right: 7px;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
  .component-product-teaser .product-teaser-headline-primary {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 24px; }
  .component-product-teaser .product-teaser-headline-secondary {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 15px 10px;
    min-height: 24px; }
  .component-product-teaser img {
    width: 100%;
    margin: 10px auto 20px auto; }
  .component-product-teaser .product-teaser-description {
    line-height: 1.4;
    font-size: 14px;
    margin: 0 25px 45px; }
  .component-product-teaser .product-teaser-controls {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0; }
    .component-product-teaser .product-teaser-controls .btn:first-child {
      margin-right: 6px; }
    .component-product-teaser .product-teaser-controls .icon-shop {
      font-size: 28px; }
  .component-product-teaser .load-more {
    margin: 0 auto;
    display: none; }
  .component-product-teaser .slick-track,
  .component-product-teaser .slick-list {
    min-width: 100%; }
  .component-product-teaser .slick-track,
  .component-product-teaser .slick-slide,
  .component-product-teaser .slick-slide > div,
  .component-product-teaser .slick-slide .product-teaser,
  .component-product-teaser .slick-slide .product-teaser > div {
    height: 100%; }
  .component-product-teaser .slick-slide {
    display: inline-block;
    float: none;
    vertical-align: top; }
    .component-product-teaser .slick-slide .product-teaser {
      margin-bottom: 0; }
  .component-product-teaser.loading {
    position: relative; }
    .component-product-teaser.loading:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: #ffffff; }
    .component-product-teaser.loading * {
      opacity: 0; }
  .component-product-teaser > a.btn {
    display: inline-block;
    margin-top: 45px; }

.component-product-image-text {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  .component-product-image-text:before {
    content: "Component: Product Image Text" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-product-image-text {
      margin-bottom: 60px; } }
  .component-product-image-text .component-product-image-text-container {
    display: table-row; }
    @media screen and (max-width: 767px) {
      .component-product-image-text .component-product-image-text-container {
        display: block; } }
    .component-product-image-text .component-product-image-text-container .component-product-image-text-image {
      display: table-cell;
      width: 50%;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        .component-product-image-text .component-product-image-text-container .component-product-image-text-image {
          display: block;
          width: 100%; } }
    .component-product-image-text .component-product-image-text-container .component-product-image-text-text {
      display: table-cell;
      width: 50%;
      vertical-align: middle;
      padding-left: 40px;
      padding-top: 20px; }
      @media screen and (max-width: 991px) {
        .component-product-image-text .component-product-image-text-container .component-product-image-text-text {
          padding-right: 25px; } }
      @media screen and (max-width: 767px) {
        .component-product-image-text .component-product-image-text-container .component-product-image-text-text {
          display: block;
          width: 100%;
          text-align: center;
          padding-left: 0;
          padding-top: 20px; } }
      .component-product-image-text .component-product-image-text-container .component-product-image-text-text .h1 {
        font-size: 60px;
        line-height: 1em;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .component-product-image-text .component-product-image-text-container .component-product-image-text-text .h1 {
            font-size: 32px;
            margin-bottom: 5px; } }
      .component-product-image-text .component-product-image-text-container .component-product-image-text-text .h2 {
        font-size: 25px;
        line-height: 30px; }
        @media screen and (max-width: 767px) {
          .component-product-image-text .component-product-image-text-container .component-product-image-text-text .h2 {
            font-size: 18px;
            line-height: 30px; } }
      .component-product-image-text .component-product-image-text-container .component-product-image-text-text sup {
        font-size: 40%;
        top: -1.1em; }

/* In Theme Slider */
.component-theme-slider .component-product-image-text {
  width: 100% !important;
  max-width: 1084px;
  margin: 0 auto;
  padding: 0; }

.component-topic-headline {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  position: relative; }
  .component-topic-headline:before {
    content: "Component: Topic Headline" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-topic-headline {
      margin-bottom: 60px; } }
  .component-topic-headline .headline {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    border-left: 2px solid #b1c127;
    padding-left: 25px;
    color: #b1c127;
    text-transform: uppercase;
    font-size: 23px;
    letter-spacing: 0.23em;
    margin-bottom: 0;
    min-height: 53px;
    display: flex;
    align-items: center; }
  .component-topic-headline.has-background .headline {
    position: relative;
    z-index: 1; }
  @media screen and (max-width: 767px) {
    .component-topic-headline .headline {
      font-size: 16px;
      min-height: 40px;
      padding-left: 15px; } }
  .component-topic-headline .component-full-width-background {
    display: none; }
  .component-topic-headline.has-background .component-full-width-background {
    display: block; }

.component-target-group {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  position: relative;
  z-index: 0; }
  @media screen and (min-width: 992px) {
    .component-target-group {
      margin-bottom: 60px; } }
  .component-target-group .headline-mobile {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    display: none;
    position: relative; }
    @media screen and (max-width: 767px) {
      .component-target-group .headline-mobile {
        display: block;
        margin-bottom: 50px;
        text-align: center; } }
  .component-target-group .component-target-group-teasers {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    margin-bottom: -20px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .component-target-group .component-target-group-teasers {
        margin-bottom: -25px; } }
  .component-target-group .headline-mobile,
  .component-target-group .component-target-group-teasers {
    z-index: 2; }
  .component-target-group .globes {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    @media screen and (max-width: 767px) {
      .component-target-group .globes {
        width: 410px;
        left: 50%;
        transform: translate(-50%, 0); } }
    @media screen and (min-width: 992px) and (max-width: 1399px) {
      .component-target-group .globes {
        top: -100px; } }
    @media screen and (min-width: 1400px) {
      .component-target-group .globes {
        top: -120px; } }
  .component-target-group .globe-left {
    top: 39%;
    left: 0.5%; }
    @media screen and (max-width: 767px) {
      .component-target-group .globe-left {
        top: 50%;
        left: -1.5%; } }
  .component-target-group .globe-center-left {
    top: 3%;
    left: 21%; }
    @media screen and (max-width: 767px) {
      .component-target-group .globe-center-left {
        top: 33%; } }
  .component-target-group .globe-center-right {
    top: 34%;
    left: 52%; }
    @media screen and (max-width: 767px) {
      .component-target-group .globe-center-right {
        top: 48%; } }
  .component-target-group .globe-right {
    top: 22%;
    left: 79%; }
    @media screen and (max-width: 767px) {
      .component-target-group .globe-right {
        top: 44%;
        left: 78%; } }

.component-target-group-teaser {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .component-target-group-teaser {
      margin-bottom: 10px; } }
  .component-target-group-teaser .content-expandable {
    flex-grow: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .component-target-group-teaser .content-expandable {
        display: none; } }
    .component-target-group-teaser .content-expandable.has-btn {
      padding-bottom: 108px; }
  .component-target-group-teaser .target-group-teaser-content {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    background-color: #ffffff;
    display: flex;
    flex-flow: column wrap;
    height: 100%;
    border: 1px solid #d9d9d9;
    position: relative; }
    @media screen and (max-width: 767px) {
      .component-target-group-teaser .target-group-teaser-content {
        border: none;
        background-color: transparent; } }
  .component-target-group-teaser .teaser-headline-primary {
    font-size: 23px;
    text-align: center;
    margin-bottom: 0;
    padding-top: 35px;
    padding-bottom: 25px;
    max-width: 100%;
    overflow: hidden; }
    .component-target-group-teaser .teaser-headline-primary.mobile-teaser-header {
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      display: none;
      border: 2px solid #b1c127;
      border-radius: 13px;
      font-size: 15px;
      padding: 6px 28px 5px;
      text-decoration: none;
      color: #b1c127; }
      @media screen and (max-width: 767px) {
        .component-target-group-teaser .teaser-headline-primary.mobile-teaser-header {
          display: block; } }
    @media screen and (max-width: 767px) {
      .component-target-group-teaser .teaser-headline-primary {
        display: none; } }
  .component-target-group-teaser .component-image img {
    margin-bottom: 30px; }
  .component-target-group-teaser .target-group-teaser-description {
    margin: 0 20px 15px; }
  .component-target-group-teaser .link-list {
    list-style-type: none;
    padding: 12px 41px 32px; }
    .component-target-group-teaser .link-list li {
      margin-bottom: 15px;
      padding-left: 0; }
      .component-target-group-teaser .link-list li:last-child {
        margin-bottom: 0; }
  .component-target-group-teaser .controls {
    position: absolute;
    text-align: center;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    bottom: 4px; }
  .component-target-group-teaser button {
    align-self: flex-end; }

.component-form {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  .component-form:before {
    content: "Component: Form" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-form {
      margin-bottom: 60px; } }
  .component-form .headline {
    font-weight: normal;
    margin-top: 40px; }
    @media screen and (min-width: 992px) {
      .component-form .headline {
        margin-top: 60px; } }
  .component-form > .headline:first-child {
    margin-top: 0; }
  .component-form .form-component {
    margin-bottom: 22px; }
  .component-form .form-element-container {
    display: flex;
    flex-direction: column-reverse;
    position: relative; }
  .component-form .required-flag {
    color: #cb6220; }
  .component-form .form-component-headline {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-top: 8px; }
  .component-form .form-element-error {
    color: #cb6220;
    font-size: 12px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out; }
    .component-form .form-element-error.show {
      max-height: none;
      overflow: visible; }
    .component-form .form-element-error span {
      padding-left: 1px; }
  .component-form button[type="submit"] {
    width: 100%; }
  .component-form .teasered-articles {
    background-color: #f2f2f2;
    border-radius: 20px 0 20px 0;
    padding: 30px;
    margin-top: 16px;
    margin-bottom: 100px; }
    @media screen and (min-width: 992px) {
      .component-form .teasered-articles {
        margin-bottom: 120px; } }
    .component-form .teasered-articles .article {
      margin-bottom: 20px; }
      .component-form .teasered-articles .article:last-child {
        margin-bottom: 0; }
    .component-form .teasered-articles .form-component {
      margin-bottom: 0; }
    .component-form .teasered-articles label {
      white-space: nowrap; }
    .component-form .teasered-articles .col-input {
      z-index: 3; }
      .component-form .teasered-articles .col-input input[type="text"],
      .component-form .teasered-articles .col-input input[type="number"] {
        text-align: center;
        max-width: 100%; }
        .component-form .teasered-articles .col-input input[type="text"].error:focus + label .text,
        .component-form .teasered-articles .col-input input[type="number"].error:focus + label .text {
          color: #cb6220; }
        .component-form .teasered-articles .col-input input[type="text"]:focus + label .text,
        .component-form .teasered-articles .col-input input[type="number"]:focus + label .text {
          color: #575756; }
        .component-form .teasered-articles .col-input input[type="text"].error, .component-form .teasered-articles .col-input input[type="text"].error:active, .component-form .teasered-articles .col-input input[type="text"].error:focus,
        .component-form .teasered-articles .col-input input[type="number"].error,
        .component-form .teasered-articles .col-input input[type="number"].error:active,
        .component-form .teasered-articles .col-input input[type="number"].error:focus {
          padding-right: 15px; }
      @media screen and (max-width: 767px) {
        .component-form .teasered-articles .col-input {
          position: absolute;
          max-width: 110px; } }
    .component-form .teasered-articles .col-description {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 32px; }
      .component-form .teasered-articles .col-description.no-label {
        padding-top: 8px; }
      @media screen and (max-width: 767px) {
        .component-form .teasered-articles .col-description {
          padding-left: 118px;
          width: 100%;
          max-width: 100%;
          flex-basis: 100%; } }
    .component-form .teasered-articles .article-description {
      display: block; }
    .component-form .teasered-articles .desc-highlighted-primary {
      font-weight: bold;
      display: block; }
      @media screen and (min-width: 360px) {
        .component-form .teasered-articles .desc-highlighted-primary {
          display: inline-block; } }
    .component-form .teasered-articles .desc-highlighted-secondary {
      display: block;
      font-style: italic; }
    .component-form .teasered-articles input[type="checkbox"] + label {
      display: inline-block;
      height: auto; }
      .component-form .teasered-articles input[type="checkbox"] + label .text {
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: 700;
        display: inline-block;
        margin-left: 0; }
        .component-form .teasered-articles input[type="checkbox"] + label .text:before {
          display: none; }
        .component-form .teasered-articles input[type="checkbox"] + label .text:after {
          background-color: white;
          height: 40px;
          line-height: 40px;
          width: 40px;
          margin-top: 8px;
          position: relative;
          top: 0;
          left: 0; }
        .component-form .teasered-articles input[type="checkbox"] + label .text + .icon {
          top: auto;
          left: 13px;
          bottom: 13px; }
          .component-form .teasered-articles input[type="checkbox"] + label .text + .icon.no-label {
            top: 21px; }
    .component-form .teasered-articles input[type="checkbox"].error + label .text:after {
      border-color: #cb6220; }
  .component-form .additional-offer-details {
    margin-bottom: 40px; }
    .component-form .additional-offer-details .form-component-headline {
      margin-top: 0;
      margin-bottom: 8px; }
    .component-form .additional-offer-details .form-component-hint {
      margin-bottom: 50px; }
      .component-form .additional-offer-details .form-component-hint .form-component-headline {
        margin-bottom: 5px; }
    .component-form .additional-offer-details .component-input {
      margin-bottom: 50px; }
  .component-form .additional-fields {
    overflow: hidden;
    height: 0; }
    .component-form .additional-fields .form-component {
      margin-bottom: 0; }
  .component-form input[readonly], .component-form select[readonly],
  .component-form input[disabled], .component-form select[disabled] {
    background: rgba(205, 205, 205, 0.5);
    cursor: not-allowed; }

.component-checkbox input[type="checkbox"] + label {
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0; }
  .component-checkbox input[type="checkbox"] + label .required-flag {
    margin-left: 4px;
    font-weight: bold; }
  .component-checkbox input[type="checkbox"] + label .text + .icon {
    font-size: 14px;
    left: 14px;
    top: 13px; }

.component-dropdown select {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2; }
  .component-dropdown select:active + .cover, .component-dropdown select:focus + .cover {
    border-color: #b1c127; }
    .component-dropdown select:active + .cover + label .text, .component-dropdown select:focus + .cover + label .text {
      color: #b1c127; }
  .component-dropdown select.error + .cover, .component-dropdown select.error:active + .cover, .component-dropdown select.error:focus + .cover {
    border-color: #cb6220; }
    .component-dropdown select.error + .cover + label .text, .component-dropdown select.error:active + .cover + label .text, .component-dropdown select.error:focus + .cover + label .text {
      color: #cb6220; }
.component-dropdown .cover {
  padding-right: 50px;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }
  .component-dropdown .cover .icon {
    font-size: 10px;
    content: '';
    color: #b1c127;
    display: block;
    background-color: #f2f2f2;
    border-left: 1px solid #d9d9d9;
    border-radius: 0 10px 10px 0;
    width: 45px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0; }

.component-input textarea,
.component-input input:not([type="radio"]),
.component-input input:not([type="checkbox"]) {
  appearance: none;
  color: #575756;
  line-height: inherit; }
  .component-input textarea.error, .component-input textarea.error:active, .component-input textarea.error:focus,
  .component-input input:not([type="radio"]).error,
  .component-input input:not([type="radio"]).error:active,
  .component-input input:not([type="radio"]).error:focus,
  .component-input input:not([type="checkbox"]).error,
  .component-input input:not([type="checkbox"]).error:active,
  .component-input input:not([type="checkbox"]).error:focus {
    padding-right: 40px; }
    .component-input textarea.error + label + .icon-exclamation-sign, .component-input textarea.error:active + label + .icon-exclamation-sign, .component-input textarea.error:focus + label + .icon-exclamation-sign,
    .component-input input:not([type="radio"]).error + label + .icon-exclamation-sign,
    .component-input input:not([type="radio"]).error:active + label + .icon-exclamation-sign,
    .component-input input:not([type="radio"]).error:focus + label + .icon-exclamation-sign,
    .component-input input:not([type="checkbox"]).error + label + .icon-exclamation-sign,
    .component-input input:not([type="checkbox"]).error:active + label + .icon-exclamation-sign,
    .component-input input:not([type="checkbox"]).error:focus + label + .icon-exclamation-sign {
      opacity: 1; }
.component-input .icon-exclamation-sign {
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-in-out;
  font-size: 18px;
  color: #D15454;
  position: absolute;
  bottom: 14px;
  right: 14px; }
.component-input textarea {
  color: #575756;
  padding-top: 15px;
  padding-bottom: 15px;
  height: auto;
  line-height: normal; }
.component-input input[type=number]::-webkit-outer-spin-button,
.component-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
.component-input input[type=number] {
  -moz-appearance: textfield; }

.component-radio-button input[type="radio"] + label {
  margin-bottom: 0; }
  .component-radio-button input[type="radio"] + label .text + .icon {
    background-color: #b1c127;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 30px;
    top: 14px;
    left: 14px; }
    .component-radio-button input[type="radio"] + label .text + .icon:before {
      display: none; }
  .component-radio-button input[type="radio"] + label .text:before {
    border-radius: 50%; }

.component-file-upload {
  margin-bottom: 100px; }
  @media screen and (min-width: 992px) {
    .component-file-upload {
      margin-bottom: 120px; } }
  .component-file-upload button {
    position: relative;
    overflow: hidden;
    padding-right: 56px; }
    .component-file-upload button .icon {
      font-size: 12px;
      top: 50%;
      transform: translate(0, -50%);
      position: absolute;
      right: 28px; }
  .component-file-upload .file-details {
    font-weight: bold;
    margin-bottom: 40px;
    padding-left: 30px;
    position: relative; }
    .component-file-upload .file-details .icon {
      color: #b1c127;
      font-size: 18px;
      position: absolute;
      left: 0;
      top: 2px; }
    .component-file-upload .file-details li {
      display: inline-block; }
      .component-file-upload .file-details li:after {
        content: '-';
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px; }
      .component-file-upload .file-details li:last-child:after {
        display: none; }
  .component-file-upload .allowed-formats {
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
    text-transform: uppercase; }
    .component-file-upload .allowed-formats li {
      display: inline-block; }
      .component-file-upload .allowed-formats li:after {
        content: '/';
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px; }
      .component-file-upload .allowed-formats li:last-child:after {
        display: none; }
  .component-file-upload .file-container {
    min-height: 0;
    position: relative; }
    .component-file-upload .file-container,
    .component-file-upload .file-container input {
      height: 0;
      overflow: hidden; }
    .component-file-upload .file-container input {
      visibility: hidden; }
    .component-file-upload .file-container.active {
      border-bottom: 1px solid #d9d9d9;
      height: 48px; }
      .component-file-upload .file-container.active:first-child {
        border-top: 1px solid #d9d9d9; }
    .component-file-upload .file-container .btn-remove,
    .component-file-upload .file-container .file-size,
    .component-file-upload .file-container .file-name {
      top: 50%;
      position: absolute;
      transform: translate(0, -50%); }
    .component-file-upload .file-container .file-name {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      left: 0;
      right: 0;
      font-style: italic;
      margin-right: 160px; }
    .component-file-upload .file-container .file-size {
      color: #919190;
      font-size: 12px;
      right: 94px; }
    .component-file-upload .file-container .file-unit {
      display: inline-block;
      min-width: 20px;
      text-align: right; }
    .component-file-upload .file-container .btn-remove {
      color: #b1c127;
      cursor: pointer;
      font-size: 13px;
      right: 1px; }
  .component-file-upload .upload-error {
    color: #cb6220;
    font-size: 12px;
    padding-top: 15px;
    margin-bottom: 0; }
  .component-file-upload .file-animation-wrapper {
    margin-bottom: 0;
    transition: margin-bottom .2s linear;
    position: relative; }
  .component-file-upload .attached-files.active .file-animation-wrapper {
    margin-bottom: 40px; }
  .component-file-upload .active.file-enter-active {
    animation: file-appear .3s forwards; }
  .component-file-upload .active.file-leave-active {
    animation: file-disappear .1s forwards; }
@keyframes file-appear {
  0% {
    opacity: 0;
    height: 0; }
  50% {
    opacity: 0;
    height: 48px; }
  100% {
    opacity: 1; } }
@keyframes file-disappear {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    height: 48px; }
  100% {
    opacity: 0;
    height: 0; } }
  .component-file-upload .btn-add-enter-active {
    animation: btn-add-appear .3s forwards; }
  .component-file-upload .btn-add-leave-active {
    animation: btn-add-disappear .3s forwards; }
@keyframes btn-add-appear {
  0% {
    opacity: 0;
    height: 0; }
  50% {
    opacity: 0;
    height: 25px; }
  100% {
    opacity: 1; } }
@keyframes btn-add-disappear {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    height: 25px; }
  100% {
    opacity: 0;
    height: 0; } }
  .component-file-upload .error-add-enter-active {
    animation: error-add-appear .3s forwards; }
  .component-file-upload .error-add-leave-active {
    animation: error-add-disappear .3s forwards; }
@keyframes error-add-appear {
  0% {
    opacity: 0;
    height: 0;
    padding-top: 0; }
  50% {
    opacity: 0;
    height: 24px;
    padding-top: 15px; }
  100% {
    opacity: 1; } }
@keyframes error-add-disappear {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    height: 24px;
    padding-top: 15px; }
  100% {
    opacity: 0;
    height: 0;
    padding-top: 0; } }
.vue-app-text-image {
  display: block;
  padding-bottom: 20px; }
  .vue-app-text-image .component-text,
  .vue-app-text-image .component-text-image-bullet-point,
  .vue-app-text-image .component-text-image.benefits,
  .vue-app-text-image .component-text-image-zoom,
  .vue-app-text-image .component-text-image-visual.standalone {
    margin-bottom: 40px; }
    @media screen and (min-width: 992px) {
      .vue-app-text-image .component-text,
      .vue-app-text-image .component-text-image-bullet-point,
      .vue-app-text-image .component-text-image.benefits,
      .vue-app-text-image .component-text-image-zoom,
      .vue-app-text-image .component-text-image-visual.standalone {
        margin-bottom: 60px; } }
  @media screen and (min-width: 1400px) {
    .vue-app-text-image {
      padding-bottom: 40px; } }

.component-text-image {
 }
  .component-text-image:before {
    content: "Component: Text Image" !important;
    display: none; }
  .component-text-image .component-text-image {
    margin-bottom: 0; }
  .component-text-image h1,
  .component-text-image .h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400; }
    @media screen and (min-width: 992px) {
      .component-text-image h1,
      .component-text-image .h1 {
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: 400; } }
  .component-text-image h2,
  .component-text-image .h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700; }
    @media screen and (min-width: 992px) {
      .component-text-image h2,
      .component-text-image .h2 {
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: 400; } }
  .component-text-image h3,
  .component-text-image .h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400; }
    @media screen and (min-width: 992px) {
      .component-text-image h3,
      .component-text-image .h3 {
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: 700; } }
  .component-text-image ul {
    margin: 0 0 20px;
    padding: 0 0 0 1.1em;
    overflow: hidden;
    list-style: disc; }
    .component-text-image ul li {
      font-family: "Roboto", sans-serif;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      font-size: 16px;
      margin-bottom: 0;
      padding-left: 0; }
  .component-text-image .component-text-image-zoom {
    position: relative; }
    .component-text-image .component-text-image-zoom .media-container {
      cursor: pointer; }
      .component-text-image .component-text-image-zoom .media-container:hover button {
        color: #ffffff;
        background-color: #b1c127; }
  .component-text-image .component-text-image-visual {
    padding-bottom: 20px;
    position: relative;
    z-index: 2; }
    .component-text-image .component-text-image-visual.standalone {
      padding-bottom: 0; }
    .component-text-image .component-text-image-visual figure {
      margin: 0; }
    .component-text-image .component-text-image-visual figcaption {
      background-color: #e6e6e6;
      color: #575756;
      padding: 10px;
      text-align: center;
      font-size: 12px; }
    @media screen and (max-width: 767px) {
      .component-text-image .component-text-image-visual {
        padding-bottom: 0; } }
    .component-text-image .component-text-image-visual.align-left, .component-text-image .component-text-image-visual.align-right {
      width: 53.59%;
      transition: padding-left .2s .1s linear, padding-right .2s .1s linear; }
      .component-text-image .component-text-image-visual.align-left.zoom-default, .component-text-image .component-text-image-visual.align-right.zoom-default {
        transition: padding-left 40ms .0s linear, padding-right 40ms .0s linear; }
      .component-text-image .component-text-image-visual.align-left .media-container button, .component-text-image .component-text-image-visual.align-right .media-container button {
        opacity: 1;
        transition: opacity .2s ease-in-out; }
        .component-text-image .component-text-image-visual.align-left .media-container button .icon-zoom-back-right,
        .component-text-image .component-text-image-visual.align-left .media-container button .icon-zoom-back-left, .component-text-image .component-text-image-visual.align-right .media-container button .icon-zoom-back-right,
        .component-text-image .component-text-image-visual.align-right .media-container button .icon-zoom-back-left {
          display: none; }
      .component-text-image .component-text-image-visual.align-left.zoomed, .component-text-image .component-text-image-visual.align-left.zooming, .component-text-image .component-text-image-visual.align-right.zoomed, .component-text-image .component-text-image-visual.align-right.zooming {
        padding-left: 0;
        padding-right: 0; }
      .component-text-image .component-text-image-visual.align-left.zooming .media-container button, .component-text-image .component-text-image-visual.align-right.zooming .media-container button {
        opacity: 0; }
      @media screen and (max-width: 767px) {
        .component-text-image .component-text-image-visual.align-left, .component-text-image .component-text-image-visual.align-right {
          margin-bottom: 40px;
          /*
          @media screen and (min-width: 1400px) {
          	margin-bottom: 80px;
          }
          */ } }
  @media screen and (max-width: 767px) and (min-width: 992px) {
    .component-text-image .component-text-image-visual.align-left, .component-text-image .component-text-image-visual.align-right {
      margin-bottom: 60px; } }

    .component-text-image .component-text-image-visual.align-left {
      float: left;
      padding-right: 39px; }
      .component-text-image .component-text-image-visual.align-left.zoomed .media-container button {
        font-size: 17px;
        bottom: 10px;
        right: 10px; }
        .component-text-image .component-text-image-visual.align-left.zoomed .media-container button .icon-zoom-back-left,
        .component-text-image .component-text-image-visual.align-left.zoomed .media-container button .icon-zoom-back-right {
          display: block; }
        .component-text-image .component-text-image-visual.align-left.zoomed .media-container button .icon-zoom-left {
          display: none; }
      @media screen and (max-width: 767px) {
        .component-text-image .component-text-image-visual.align-left .media-container button:not(.ui-button) {
          display: none; } }
    .component-text-image .component-text-image-visual.align-right {
      float: right;
      padding-left: 39px; }
      @media screen and (max-width: 767px) {
        .component-text-image .component-text-image-visual.align-right .media-container button {
          display: none; } }
      .component-text-image .component-text-image-visual.align-right.zoomed .media-container button {
        font-size: 17px;
        bottom: 10px;
        left: 10px; }
        .component-text-image .component-text-image-visual.align-right.zoomed .media-container button .icon-zoom-back-left,
        .component-text-image .component-text-image-visual.align-right.zoomed .media-container button .icon-zoom-back-right {
          display: block; }
        .component-text-image .component-text-image-visual.align-right.zoomed .media-container button .icon-zoom-right {
          display: none; }
    .component-text-image .component-text-image-visual + .component-text-image-headline .component-text {
      margin-bottom: 0; }
    .component-text-image .component-text-image-visual:last-child {
      padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .component-text-image .component-text-image-visual.align-left, .component-text-image .component-text-image-visual.align-right {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
  .component-text-image .component-text-image-headline {
    position: relative;
    z-index: 1; }
    .component-text-image .component-text-image-headline:before {
      content: '';
      display: block;
      height: 0px;
      padding-top: 0px;
      transition: padding-top .1s ease-in; }
    .component-text-image .component-text-image-headline.has-padding:before {
      padding-top: calc(56.25% + 20px); }
  .component-text-image .container-50-50 {
  	/*
	.component-text {
		margin-bottom: 85px;
	}
	*/ }
    .component-text-image .container-50-50:first-child {
      padding-top: 0; }
    .component-text-image .container-50-50 .icon-plus {
      font-size: 14px; }
    .component-text-image .container-50-50 .component-text-image-zoom {
      display: table;
      width: 100%; }
    @media screen and (min-width: 992px) {
      .component-text-image .container-50-50 .row > div {
        padding: 0 10px; } }
    .component-text-image .container-50-50 .component-text-image-visual.align-left, .component-text-image .container-50-50 .component-text-image-visual.align-right {
      padding-left: 0;
      padding-right: 0;
      width: 100%; }
    .component-text-image .container-50-50 .component-text-image-visual.align-right {
      display: table-footer-group;
      padding-bottom: 0; }
      .component-text-image .container-50-50 .component-text-image-visual.align-right + .component-text-image-headline {
        display: table-header-group; }
        .component-text-image .container-50-50 .component-text-image-visual.align-right + .component-text-image-headline .component-text {
          padding-bottom: 20px; }
    @media screen and (max-width: 991px) {
      .component-text-image .container-50-50 .component-text-image-visual.align-left:first-child {
        margin-bottom: 40px;
        /*
        @media screen and (min-width: 1400px) {
        	margin-bottom: 80px;
        }
        */ } }
  @media screen and (max-width: 991px) and (min-width: 992px) {
    .component-text-image .container-50-50 .component-text-image-visual.align-left:first-child {
      margin-bottom: 60px; } }

    @media screen and (max-width: 991px) {
      .component-text-image .container-50-50 .col-lg-6 {
        margin-bottom: 40px;
        /*
        @media screen and (min-width: 1400px) {
        	margin-bottom: 80px;
        }
        */ } }
  @media screen and (max-width: 991px) and (min-width: 992px) {
    .component-text-image .container-50-50 .col-lg-6 {
      margin-bottom: 60px; } }
    @media screen and (max-width: 991px) {
        .component-text-image .container-50-50 .col-lg-6:last-child {
          margin-bottom: 0; } }
  .component-text-image .row .component-text-image-zoom .component-text-image-visual:last-child {
    padding: 0;
    width: 100%; }
  .component-text-image .video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%; }
    .component-text-image .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }

.component-text-image-bullet-point, .component-text-image.benefits {
 }
  .component-text-image-bullet-point:before, .component-text-image.benefits:before {
    content: "Component: Text Image Bullet Point" !important;
    display: none; }
  .component-text-image-bullet-point ul, .component-text-image.benefits ul {
    margin: 0;
    padding-left: 0;
    position: relative;
    list-style: none;
    overflow: hidden; }
    .component-text-image-bullet-point ul li, .component-text-image.benefits ul li {
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 23px;
      margin-bottom: 10px;
      padding-left: 30px;
      position: relative; }
      .component-text-image-bullet-point ul li:before, .component-text-image.benefits ul li:before {
        content: ""; }
      .component-text-image-bullet-point ul li:before, .component-text-image.benefits ul li:before {
        position: absolute;
        top: 12px;
        left: 0;
        font-size: 12px;
        color: #b1c127;
        transform: translate(0, -50%); }
      @media screen and (max-width: 767px) {
        .component-text-image-bullet-point ul li, .component-text-image.benefits ul li {
          font-size: 18px; } }

.component-corporate-teaser {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  .component-corporate-teaser:before {
    content: "Component: Corporate Teaser" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-corporate-teaser {
      margin-bottom: 60px; } }
  .component-corporate-teaser .corporate-teasers {
    padding-left: 0;
    margin-bottom: 0; }
  .component-corporate-teaser .corporate-teaser {
    list-style-type: none;
    margin-bottom: 20px; }
  .component-corporate-teaser .corporate-teaser-date {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 300; }
  .component-corporate-teaser .corporate-teaser-content {
    display: block;
    height: 100%;
    border: 1px solid #d9d9d9;
    padding: 20px;
    position: relative;
    transition: border-color .2s ease-in-out; }
    .component-corporate-teaser .corporate-teaser-content:not(.inner-focus):hover {
      border-color: #b1c127;
      cursor: pointer; }
      .component-corporate-teaser .corporate-teaser-content:not(.inner-focus):hover .corporate-teaser-controls a:first-child {
        background-color: #b1c127;
        color: #ffffff; }
  .component-corporate-teaser .corporate-teaser-info .corporate-teaser-description {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 30px; }
  .component-corporate-teaser .corporate-teaser-info .corporate-teaser-headline-primary {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 23px; }
  .component-corporate-teaser .corporate-teaser-info .corporate-teaser-text {
    font-size: 14px;
    margin-top: 20px; }
  .component-corporate-teaser .corporate-teaser-controls .btn-default {
    margin-right: 6px;
    position: relative; }
  @media screen and (min-width: 768px) {
    .component-corporate-teaser .corporate-teaser-controls {
      position: sticky;
      top: 100%; } }
  .component-corporate-teaser .corporate-teaser-alignment {
    float: left;
    width: 50%;
    display: flow-root;
    margin-right: 20px;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .component-corporate-teaser .corporate-teaser-alignment {
        width: 100%;
        height: auto; } }
    @media screen and (min-width: 768px) {
      .component-corporate-teaser .corporate-teaser-alignment {
        padding-left: 10px; } }
  .component-corporate-teaser .component-toolbar {
    width: auto;
    float: none;
    max-width: none;
    position: absolute;
    padding: 0 0 0 20px;
    border-radius: 17px;
    display: none;
    height: auto; }
    @media screen and (max-width: 767px) {
      .component-corporate-teaser .component-toolbar {
        white-space: normal; } }
    .component-corporate-teaser .component-toolbar.active {
      display: block;
      max-width: none;
      padding: 0 0 0 20px; }
    .component-corporate-teaser .component-toolbar .button {
      display: none !important; }
    .component-corporate-teaser .component-toolbar .share-list > span {
      margin-left: 0;
      display: inline-block;
      margin-top: 15px;
      vertical-align: top; }
    .component-corporate-teaser .component-toolbar .share-list ul {
      padding-right: 7px;
      padding-bottom: 0; }
      .component-corporate-teaser .component-toolbar .share-list ul li {
        margin-bottom: 11px; }
    @media screen and (max-width: 767px) {
      .component-corporate-teaser .component-toolbar {
        margin-left: 0 !important;
        margin-top: -21px !important; } }

.component-accordion {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate(0);
  /* PLUS MINUS */ }
  .component-accordion:before {
    content: "Component: Accordion" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-accordion {
      margin-bottom: 60px; } }
  .component-accordion .accordion-header {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 45px 20px 0;
    color: #575756;
    position: relative;
    cursor: pointer;
    user-select: none;
    transition: border-bottom-color .3s ease-in-out; }
    .component-accordion .accordion-header:first-of-type {
      border-top: 1px solid #e6e6e6; }
  .component-accordion .accordion-header:hover .accordion-title {
    color: #b1c127; }
  .component-accordion .accordion-header:hover .circle {
    background-color: #b1c127; }
    .component-accordion .accordion-header:hover .circle .horizontal,
    .component-accordion .accordion-header:hover .circle .vertical {
      background-color: #ffffff; }
  .component-accordion .accordion-title {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    backface-visibility: hidden;
    font-size: 23px;
    margin: 0;
    transition: color .2s ease-in-out; }
    @media screen and (max-width: 767px) {
      .component-accordion .accordion-title {
        font-size: 18px; } }
  .component-accordion .accordion-content {
    display: none;
    background: #ffffff; }
  .component-accordion .accordion-content-wrapper {
    padding: 24px 0 40px 0; }
    @media screen and (max-width: 767px) {
      .component-accordion .accordion-content-wrapper {
        padding-top: 20px;
        padding-bottom: 10px; } }
  .component-accordion .circle-plus {
    font-size: 15px;
    opacity: .7;
    display: inline-block;
    top: 50%;
    right: 0;
    position: absolute;
    cursor: pointer;
    transform: translate(0, -50%); }
  .component-accordion .closed .vertical {
    transition: all 0.3s ease-in-out;
    transform: rotate(-90deg);
    background-color: #b1c127; }
  .component-accordion .closed .horizontal {
    transition: all 0.3s ease-in-out;
    transform: rotate(-90deg);
    background-color: #b1c127;
    opacity: 1; }
  .component-accordion .accordion-open {
    opacity: 1;
    border-bottom-color: transparent; }
    .component-accordion .accordion-open .accordion-title {
      color: #b1c127; }
    .component-accordion .accordion-open .vertical {
      transition: all 0.3s ease-in-out;
      transform: rotate(90deg);
      background-color: #ffffff; }
    .component-accordion .accordion-open .horizontal {
      transition: all 0.3s ease-in-out;
      transform: rotate(90deg);
      opacity: 0; }
    .component-accordion .accordion-open .circle-plus .circle {
      background-color: #b1c127;
      border: solid 2px #b1c127; }
  .component-accordion .circle-plus .circle {
    background-color: transparent;
    position: relative;
    width: 2.55em;
    height: 2.5em;
    border-radius: 100%;
    border: solid 2px #b1c127;
    transition: background-color .3s ease-in-out; }
  .component-accordion .circle-plus .circle .horizontal {
    position: absolute;
    width: 12px;
    height: 2px;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -1px; }
  .component-accordion .circle-plus .circle .vertical {
    position: absolute;
    width: 2px;
    height: 12px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -6px; }
  .component-accordion .accordion-container {
    overflow: hidden; }
  .component-accordion .toggle-accordion-height {
    width: 38px;
    height: 38px;
    margin: 20px auto 0;
    display: none; }
    .component-accordion .toggle-accordion-height .icon {
      font-size: 12px;
      top: 50%;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%); }
      .component-accordion .toggle-accordion-height .icon.icon-minus {
        display: none; }
  .component-accordion.foldable .toggle-accordion-height {
    display: block; }
  .component-accordion.foldable.folded .hide {
    display: none !important; }
  .component-accordion.foldable.unfolded .toggle-accordion-height .icon.icon-minus {
    display: inline; }
  .component-accordion.foldable.unfolded .toggle-accordion-height .icon.icon-plus {
    display: none; }

.component-lightbox {
  /* magnific popup overwrites */ }
  .component-lightbox .headline {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin: 0 10px 25px;
    	  /*
    		@media screen and (min-width: 992px) {
    			margin-bottom: $spacing-large;
    		}
    
    		@media screen and (max-width: 767px) {
    			padding-right: 42px;
    		}
    		*/ }
    @media screen and (max-width: 767px) {
      .component-lightbox .headline {
        text-align: left;
        margin-right: 60px;
        marign-left: 0; } }
  .component-lightbox .video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative; }
    .component-lightbox .video-container iframe {
      border: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
  .component-lightbox .lightbox-content-wrapper {
    background-color: #ffffff;
    border-radius: 18px 0 18px 0;
    padding: 40px 60px;
    position: relative;
    max-height: 90vh;
    overflow: auto; }
    .component-lightbox .lightbox-content-wrapper > div:last-child,
    .component-lightbox .lightbox-content-wrapper > *[class^=component]:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 991px) {
      .component-lightbox .lightbox-content-wrapper {
        padding: 30px 40px 30px 40px; } }
    @media screen and (max-width: 767px) {
      .component-lightbox .lightbox-content-wrapper {
        padding: 30px 20px 30px 20px; } }
    .component-lightbox .lightbox-content-wrapper .component-image img {
      max-height: 60vh;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .component-lightbox .component-image {
    margin-bottom: 25px;
    	  /*
    		@media screen and (max-width: 991px) {
    			margin-bottom: $spacing-large;
    		}
    
    		@media screen and (max-width: 767px) {
    			margin-bottom: $spacing-default;
    		}
    		*/ }
  .component-lightbox .copytext {
    margin-bottom: 25px;
    	  /*
    		@media screen and (max-width: 991px) {
    			margin-bottom: $spacing-large;
    		}
    
    		@media screen and (max-width: 767px) {
    			margin-bottom: $spacing-default;
    		}
    		*/ }
  .component-lightbox .controls {
    text-align: center; }
  .component-lightbox .mfp-content {
    max-width: 996px;
    padding: 25px; }
  .component-lightbox .mfp-container {
    padding: 0; }
  .component-lightbox .mfp-close {
    display: flex;
    top: 15px;
    right: 15px;
    position: absolute; }
    .component-lightbox .mfp-close .icon {
      font-size: 13px;
      pointer-events: none;
      margin-left: 1px; }

.mfp-bg {
  background-color: #575756; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.6; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

@media screen and (max-height: 850px) {
  .component-lightbox .lightbox-content-wrapper .component-image img {
    max-height: 47vh; } }
@media screen and (max-height: 660px) {
  .component-lightbox .lightbox-content-wrapper .component-image {
    margin-bottom: 3.5vh; }
    .component-lightbox .lightbox-content-wrapper .component-image img {
      max-height: 30vh; }
  .component-lightbox .lightbox-content-wrapper .copytext {
    margin-bottom: 3.5vh; }
  .component-lightbox .lightbox-content-wrapper .headline {
    margin-bottom: 3.5vh; } }
.component-download-teaser {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  align-items: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .component-download-teaser:before {
    content: "Component: Download Teaser" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-download-teaser {
      margin-bottom: 60px; } }
  .component-download-teaser.has-background {
    margin-bottom: 40px;
    /*
    @media screen and (min-width: 1400px) {
    	margin-bottom: 80px;
    }
    */
    margin-bottom: 40px;
    /*
    @media screen and (min-width: 1400px) {
    	margin-bottom: 80px;
    }
    */ }
    @media screen and (min-width: 992px) {
      .component-download-teaser.has-background {
        margin-bottom: 60px; } }
    @media screen and (min-width: 992px) {
      .component-download-teaser.has-background {
        margin-bottom: 60px; } }
  .component-download-teaser .component-download-teaser-teasers {
    display: flex;
    align-self: stretch;
    justify-content: center;
    padding-left: 0;
    margin-bottom: -20px;
    position: relative;
    z-index: 2; }
  .component-download-teaser .download-teaser-container {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px; }
  .component-download-teaser .teaser {
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    margin-bottom: 20px;
    padding: 20px 20px 24px 20px;
    width: 100%;
    display: flex;
    align-items: center; }
    .component-download-teaser .teaser:not(.big-teaser-type), .component-download-teaser .teaser.single-file {
      color: #575756;
      text-decoration: none; }
      .component-download-teaser .teaser:not(.big-teaser-type):hover .teaser-headline, .component-download-teaser .teaser.single-file:hover .teaser-headline {
        color: #b1c127; }
      .component-download-teaser .teaser:not(.big-teaser-type) .teaser-headline, .component-download-teaser .teaser.single-file .teaser-headline {
        transition: color .2s ease-in-out; }
    .component-download-teaser .teaser:last-child {
      margin-bottom: 0; }
    .component-download-teaser .teaser.big-teaser-type, .component-download-teaser .teaser:not(.big-teaser-type) .teaser-inner {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      align-items: center;
      align-self: stretch;
      justify-content: space-between;
      text-align: center; }
    .component-download-teaser .teaser.big-teaser-type .teaser-inner {
      width: 100%; }
      .component-download-teaser .teaser.big-teaser-type .teaser-inner .component-image {
        width: auto;
        min-width: 100%; }
    .component-download-teaser .teaser .downloads .btn {
      margin-right: 15px; }
      .component-download-teaser .teaser .downloads .btn:last-child {
        margin-right: 0; }
      .component-download-teaser .teaser .downloads .btn .icon-arrow-down {
        margin-left: 1px; }
    .component-download-teaser .teaser .icon-arrow-long {
      color: #b1c127;
      font-size: 18px; }
  .component-download-teaser .component-image {
    margin-bottom: 18px;
    margin-left: -20px;
    margin-right: -20px; }
  .component-download-teaser .teaser-headline {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 15px; }
  .component-download-teaser .btn-all-downloads {
    margin-top: 45px;
    position: relative; }

.globe-top {
  top: -16%;
  right: -26%;
  width: 340px;
  height: 340px; }
  @media screen and (max-width: 991px) {
    .globe-top {
      top: 0%; } }
  @media screen and (max-width: 767px) {
    .globe-top {
      right: -36%; } }

.globe-center {
  top: 21%;
  right: -28%;
  width: 300px;
  height: 300px; }
  @media screen and (max-width: 991px) {
    .globe-center {
      top: 30%; } }
  @media screen and (max-width: 767px) {
    .globe-center {
      right: -38%; } }

.globe-bottom {
  top: -2%;
  right: -33%;
  width: 530px;
  height: 530px; }
  @media screen and (max-width: 991px) {
    .globe-bottom {
      top: 20%; } }
  @media screen and (max-width: 767px) {
    .globe-bottom {
      top: 3%;
      right: -43%; } }

[class^="component-"]:not(.has-background) + .component-topic-headline.has-background {
  margin-top: 80px;
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    [class^="component-"]:not(.has-background) + .component-topic-headline.has-background {
      margin-top: 100px; } }
  @media screen and (min-width: 1400px) {
    [class^="component-"]:not(.has-background) + .component-topic-headline.has-background {
      margin-top: 120px; } }
  @media screen and (min-width: 992px) {
    [class^="component-"]:not(.has-background) + .component-topic-headline.has-background {
      margin-bottom: 60px; } }

.component-download-list {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  background-color: #f2f2f2;
  padding: 100px 0; }
  .component-download-list:before {
    content: "Component: Download List" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-download-list {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .component-download-list {
      padding: 60px 0; } }
  .component-download-list .error {
    color: #FF0000;
    font-weight: bold; }
  .component-download-list .info {
    font-weight: bold;
    margin-bottom: 50px; }
  .component-download-list h3 {
    font-size: 23px;
    margin-bottom: 22px;
    font-weight: bold; }
  .component-download-list .lang-select {
    display: inline-block;
    position: absolute;
    user-select: none;
    font-size: 12px;
    top: 9px;
    right: 20px; }
    .component-download-list .lang-select a {
      cursor: pointer;
      transition: color .2s ease-in-out; }
      .component-download-list .lang-select a:hover {
        color: #b1c127; }
    .component-download-list .lang-select .icon {
      color: #b1c127;
      font-size: 10px;
      transform: rotate(0deg);
      position: relative;
      display: inline-block;
      /* transition: all .2s ease-in-out; */ }
    .component-download-list .lang-select .layer {
      position: absolute;
      top: 100%;
      left: 50%;
      background-color: #ffffff;
      box-shadow: 0px 0px 5px #00000019;
      border: 1px solid #d9d9d9;
      border-radius: 7px;
      padding: 13px 20px 4px;
      font-size: 12px;
      margin: 6px 0 0 -23px;
      min-width: 100px;
      z-index: 1;
      display: none;
      opacity: 0;
      text-align: left;
      transition: all 250ms; }
      @media screen and (max-width: 767px) {
        .component-download-list .lang-select .layer {
          left: inherit;
          right: 50%;
          margin: 6px -23px 0 0; } }
      .component-download-list .lang-select .layer:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 7px 7.5px;
        border-color: transparent transparent #d9d9d9 transparent;
        position: absolute;
        bottom: 100%;
        left: 14px; }
        @media screen and (max-width: 767px) {
          .component-download-list .lang-select .layer:before {
            left: inherit;
            right: 14px; } }
      .component-download-list .lang-select .layer:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6.5px 6px 6.5px;
        border-color: transparent transparent #ffffff transparent;
        position: absolute;
        bottom: 100%;
        left: 15px; }
        @media screen and (max-width: 767px) {
          .component-download-list .lang-select .layer:after {
            left: inherit;
            right: 15px; } }
      .component-download-list .lang-select .layer a {
        margin-bottom: 9px;
        display: block; }
    .component-download-list .lang-select.active .icon {
      transform: rotate(180deg); }
    .component-download-list .lang-select.active .layer {
      display: block;
      opacity: 1; }
  .component-download-list .headline-lang-select {
    text-align: right;
    padding-right: 20px;
    position: relative; }
    .component-download-list .headline-lang-select:before, .component-download-list .headline-lang-select:after {
      content: " ";
      display: table; }
    .component-download-list .headline-lang-select:after {
      clear: both; }
    .component-download-list .headline-lang-select h3 {
      float: left;
      margin-right: 75px; }
  .component-download-list .component-checkbox {
    display: inline-block;
    margin-top: 5px; }
    .component-download-list .component-checkbox input[type="checkbox"] {
      position: absolute; }
      .component-download-list .component-checkbox input[type="checkbox"] + label .text + .icon {
        left: 10px;
        top: 9px; }
    .component-download-list .component-checkbox .form-element-container label {
      display: inline-block;
      min-height: 30px; }
      .component-download-list .component-checkbox .form-element-container label .text {
        line-height: 30px;
        transition: color .2s ease-in-out; }
        .component-download-list .component-checkbox .form-element-container label .text:before {
          height: 30px;
          width: 30px; }
      .component-download-list .component-checkbox .form-element-container label.active .text, .component-download-list .component-checkbox .form-element-container label:active .text, .component-download-list .component-checkbox .form-element-container label:hover .text {
        color: #b1c127; }
        .component-download-list .component-checkbox .form-element-container label.active .text:before, .component-download-list .component-checkbox .form-element-container label:active .text:before, .component-download-list .component-checkbox .form-element-container label:hover .text:before {
          border-color: #b1c127; }
  .component-download-list .downloads {
    list-style: none;
    margin: 0 0 29px 0;
    padding: 0; }
    @media screen and (max-width: 767px) {
      .component-download-list .downloads .component-checkbox .form-element-container label {
        position: static; }
        .component-download-list .downloads .component-checkbox .form-element-container label .text {
          margin-left: 0; }
          .component-download-list .downloads .component-checkbox .form-element-container label .text:before {
            top: inherit;
            bottom: 15px;
            left: 10px; }
          .component-download-list .downloads .component-checkbox .form-element-container label .text + .icon {
            position: absolute;
            top: inherit;
            bottom: 23px;
            left: 20px; } }
    .component-download-list .downloads li {
      background-color: #ffffff;
      margin: 0 0 2px;
      padding: 10px 20px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .component-download-list .downloads li {
          padding: 5px 10px 10px; } }
      .component-download-list .downloads li:before, .component-download-list .downloads li:after {
        content: " ";
        display: table; }
      .component-download-list .downloads li:after {
        clear: both; }
      .component-download-list .downloads li .right {
        float: right; }
        @media screen and (max-width: 767px) {
          .component-download-list .downloads li .right {
            float: none;
            text-align: right; } }
        .component-download-list .downloads li .right .lang {
          font-size: 12px;
          text-align: right; }
        .component-download-list .downloads li .right .size {
          font-size: 12px;
          text-align: right;
          min-width: 70px;
          margin: 0 16px 0 11px;
          display: inline-block;
          color: #919190; }
        .component-download-list .downloads li .right .btn .icon-label {
          text-transform: uppercase; }
      .component-download-list .downloads li[data-lang] {
        display: none; }
        .component-download-list .downloads li[data-lang].selected {
          display: block; }
  .component-download-list .select-all {
    padding: 0 20px;
    display: none; }
    @media screen and (max-width: 767px) {
      .component-download-list .select-all {
        padding: 0 10px; } }
  .component-download-list .download-all {
    text-align: center;
    padding-top: 39px; }
    .component-download-list .download-all a {
      color: #ffffff; }
      .component-download-list .download-all a:hover {
        color: #ffffff; }
      .component-download-list .download-all a.disabled {
        background-color: #919190;
        border-color: #919190; }

.component-full-width-background:after {
  content: '';
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -15px;
  z-index: 0;
  width: 360px;
  background-color: #f2f2f2; }
  @media screen and (min-width: 360px) {
    .component-full-width-background:after {
      left: 50%;
      width: 100vw;
      margin-left: -50vw; } }
  @media screen and (min-width: 992px) {
    .component-full-width-background:after {
      top: -30px;
      bottom: -30px; } }

.component-table {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  position: relative; }
  .component-table:before {
    content: "Component: Table" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-table {
      margin-bottom: 60px; } }
  .component-table.scroll .row > div:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    width: 25px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); }
  .component-table.scroll .table-container {
    margin-right: -25px;
    padding-left: 25px; }
    .component-table.scroll .table-container table {
      position: relative;
      left: -25px; }
  .component-table .toggle-table-height {
    width: 38px;
    height: 38px;
    bottom: -40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%, 0);
    transition: bottom .25s .1s ease-in-out, opacity .35s ease-in-out;
    z-index: 3; }
    @media screen and (max-width: 991px) {
      .component-table .toggle-table-height {
        bottom: -10px; } }
    .component-table .toggle-table-height .icon {
      font-size: 12px; }
      .component-table .toggle-table-height .icon.icon-minus {
        display: none; }
  .component-table .table-container {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative; }
    .component-table .table-container .table-shadow {
      box-shadow: inset 0px -100px 50px -50px #ffffff;
      bottom: 0;
      width: 100%;
      height: 100px;
      margin-bottom: -100px;
      position: absolute;
      z-index: 2;
      transition: margin-bottom .5s ease-in-out; }
    .component-table .table-container.folded + .toggle-table-height {
      bottom: 10px;
      opacity: 1; }
    .component-table .table-container.folded .table-shadow {
      margin-bottom: 0; }
    .component-table .table-container.unfolded {
      padding-bottom: 12px; }
      @media screen and (max-width: 991px) {
        .component-table .table-container.unfolded {
          margin-bottom: 40px; } }
      .component-table .table-container.unfolded + .toggle-table-height {
        opacity: 1; }
        .component-table .table-container.unfolded + .toggle-table-height .icon-plus {
          display: none; }
        .component-table .table-container.unfolded + .toggle-table-height .icon-minus {
          display: block; }
  .component-table thead tr:first-child th:first-child {
    border-top-left-radius: 10px; }
  .component-table thead .table-lower-edge {
    border-bottom-right-radius: 10px; }
  .component-table th, .component-table td {
    min-width: 45px;
    font-family: "Roboto Condensed", sans-serif;
    vertical-align: top; }
    .component-table th[colspan], .component-table td[colspan] {
      text-align: center; }
    .component-table th.centered, .component-table td.centered {
      text-align: center; }
    .component-table th.left, .component-table td.left {
      text-align: left; }
    .component-table th.right, .component-table td.right {
      text-align: right; }
    .component-table th.justify, .component-table td.justify {
      text-align: justify; }
  .component-table th {
    padding: 0 10px 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    background-color: #575756;
    border-right: 1px solid #919190; }
    .component-table th:last-child {
      border-right: none; }
    .component-table th strong {
      font-size: 16px; }
    .component-table th p {
      font-size: 14px; }
  .component-table td {
    padding: 15px 10px;
    line-height: 19px;
    letter-spacing: 0.28px;
    border-right: 1px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9; }
    .component-table td:last-child {
      border-right: none; }
  .component-table tr.highlighted th {
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    background-color: #919190;
    border-color: #575756; }
  .component-table tr.spacer-row {
    border-bottom: 1px solid #575756; }
  .component-table table {
    width: 100%; }
    .component-table table th:last-child, .component-table table td:last-child {
      border-right-color: transparent; }
    .component-table table th.min-width-small, .component-table table td.min-width-small {
      min-width: 150px; }
    .component-table table th.min-width-medium, .component-table table td.min-width-medium {
      min-width: 210px; }
    .component-table table th.min-width-large, .component-table table td.min-width-large {
      min-width: 260px; }
  .component-table .component-text {
    line-height: 23px;
    letter-spacing: 0.32px; }
    .component-table .component-text p {
      line-height: 19px;
      letter-spacing: 0.28px; }
  .component-table .anchor-default {
    font-weight: bold; }

.component-product-filter,
.component-download-filter .step-1 {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  @media screen and (min-width: 992px) {
    .component-product-filter,
    .component-download-filter .step-1 {
      margin-bottom: 60px; } }
  @media screen and (min-width: 768px) {
    .component-product-filter,
    .component-download-filter .step-1 {
      text-align: center; } }
  .component-product-filter .count,
  .component-download-filter .step-1 .count {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    vertical-align: top;
    margin-right: 1.5rem; }
    @media screen and (max-width: 767px) {
      .component-product-filter .count,
      .component-download-filter .step-1 .count {
        display: block;
        line-height: 1.5rem;
        margin-bottom: 15px; } }
    .component-product-filter .count span,
    .component-download-filter .step-1 .count span {
      display: inline-block;
      vertical-align: top; }
  .component-product-filter .filter-component .filter-element-container, .component-product-filter .filter-component .filter-element-container > label,
  .component-product-filter .filter-component .filter-element-container .cover,
  .component-download-filter .step-1 .filter-component .filter-element-container,
  .component-download-filter .step-1 .filter-component .filter-element-container > label,
  .component-download-filter .step-1 .filter-component .filter-element-container .cover {
    max-height: 40px;
    line-height: 40px !important; }
  .component-product-filter .filter-component .filter-element + label .text,
  .component-download-filter .step-1 .filter-component .filter-element + label .text {
    transition: color .2s ease-in-out; }
  .component-product-filter .filter-component .filter-element:hover:not(:checked) + label,
  .component-download-filter .step-1 .filter-component .filter-element:hover:not(:checked) + label {
    border: 1px solid #b1c127 !important;
    color: #b1c127; }
    .component-product-filter .filter-component .filter-element:hover:not(:checked) + label .text,
    .component-download-filter .step-1 .filter-component .filter-element:hover:not(:checked) + label .text {
      color: #b1c127; }
  .component-product-filter .filter-component .form-element,
  .component-download-filter .step-1 .filter-component .form-element {
    height: 40px; }
    .component-product-filter .filter-component .form-element:hover + .cover,
    .component-download-filter .step-1 .filter-component .form-element:hover + .cover {
      border: 1px solid #b1c127 !important;
      color: #b1c127; }
  .component-product-filter .filter-component .cover,
  .component-download-filter .step-1 .filter-component .cover {
    text-align: left; }
  .component-product-filter .filter-component,
  .component-product-filter .filter-component .cover,
  .component-download-filter .step-1 .filter-component,
  .component-download-filter .step-1 .filter-component .cover {
    font-size: 12px; }
  .component-product-filter .component-checkbox.filter-component,
  .component-download-filter .step-1 .component-checkbox.filter-component {
    display: inline-block;
    vertical-align: top;
    margin-right: 5.5px;
    margin-bottom: 15px; }
    .component-product-filter .component-checkbox.filter-component .filter-element-container,
    .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container {
      display: inline-block; }
      .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"],
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] {
        display: none; }
      .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"],
      .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"],
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"],
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] {
        position: absolute; }
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"] + label,
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label {
          cursor: pointer;
          font-weight: normal;
          margin-bottom: 0;
          display: inline-block;
          height: 45px;
          line-height: 45px;
          border-radius: 10px;
          border: 1px solid #d9d9d9;
          padding: 0 15px 0 15px;
          transition: color .2s ease-in-out, border-color .2s ease-in-out; }
          .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"] + label .text,
          .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label .text,
          .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label .text,
          .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label .text {
            margin-left: 0; }
            .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"] + label .text:before,
            .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label .text:before,
            .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label .text:before,
            .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label .text:before {
              display: none; }
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"].sale + label,
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"].sale + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"].sale + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"].sale + label {
          position: relative;
          padding-right: 40px; }
          .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"].sale + label .text:after,
          .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"].sale + label .text:after,
          .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"].sale + label .text:after,
          .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"].sale + label .text:after {
            content: "%";
            position: absolute;
            font-size: 1.4rem;
            top: 0;
            right: 15px; }
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label,
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label {
          border: 2px solid #b1c127;
          border-bottom: 5px solid #b1c127;
          padding: 0 14px 0 14px;
          line-height: 39px !important;
          color: #b1c127; }
          .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label .text,
          .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label .text,
          .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label .text,
          .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label .text {
            color: #b1c127; }
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked.sale + label,
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked.sale + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked.sale + label,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked.sale + label {
          padding: 0 39px 0 14px; }
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked.sale + label .text:after,
        .component-product-filter .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked.sale + label .text:after,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked.sale + label .text:after,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked.sale + label .text:after {
          right: 14px; }
    .component-product-filter .component-checkbox.filter-component.disabled .filter-element-container input[type="radio"] + label,
    .component-product-filter .component-checkbox.filter-component.disabled .filter-element-container input[type="checkbox"] + label,
    .component-download-filter .step-1 .component-checkbox.filter-component.disabled .filter-element-container input[type="radio"] + label,
    .component-download-filter .step-1 .component-checkbox.filter-component.disabled .filter-element-container input[type="checkbox"] + label {
      opacity: 0.5;
      cursor: default; }
      .component-product-filter .component-checkbox.filter-component.disabled .filter-element-container input[type="radio"] + label:hover,
      .component-product-filter .component-checkbox.filter-component.disabled .filter-element-container input[type="checkbox"] + label:hover,
      .component-download-filter .step-1 .component-checkbox.filter-component.disabled .filter-element-container input[type="radio"] + label:hover,
      .component-download-filter .step-1 .component-checkbox.filter-component.disabled .filter-element-container input[type="checkbox"] + label:hover {
        border-color: #d9d9d9 !important; }
        .component-product-filter .component-checkbox.filter-component.disabled .filter-element-container input[type="radio"] + label:hover span,
        .component-product-filter .component-checkbox.filter-component.disabled .filter-element-container input[type="checkbox"] + label:hover span,
        .component-download-filter .step-1 .component-checkbox.filter-component.disabled .filter-element-container input[type="radio"] + label:hover span,
        .component-download-filter .step-1 .component-checkbox.filter-component.disabled .filter-element-container input[type="checkbox"] + label:hover span {
          color: #575756 !important; }
  .component-product-filter .component-dropdown.filter-component,
  .component-download-filter .step-1 .component-dropdown.filter-component {
    position: relative;
    display: inline-block;
    width: 150px;
    margin-right: 5.5px;
    margin-bottom: 15px; }
    .component-product-filter .component-dropdown.filter-component.narrow,
    .component-download-filter .step-1 .component-dropdown.filter-component.narrow {
      width: 85px; }
    .component-product-filter .component-dropdown.filter-component .filter-element-container .cover,
    .component-download-filter .step-1 .component-dropdown.filter-component .filter-element-container .cover {
      padding-right: 40px; }
      .component-product-filter .component-dropdown.filter-component .filter-element-container .cover .icon,
      .component-download-filter .step-1 .component-dropdown.filter-component .filter-element-container .cover .icon {
        background-color: transparent;
        border-left: none; }
    .component-product-filter .component-dropdown.filter-component.disabled .filter-element-container .cover,
    .component-download-filter .step-1 .component-dropdown.filter-component.disabled .filter-element-container .cover {
      opacity: 0.5; }
      .component-product-filter .component-dropdown.filter-component.disabled .filter-element-container .cover .icon,
      .component-download-filter .step-1 .component-dropdown.filter-component.disabled .filter-element-container .cover .icon {
        color: #d9d9d9 !important; }
    .component-product-filter .component-dropdown.filter-component.disabled .filter-element-container select,
    .component-download-filter .step-1 .component-dropdown.filter-component.disabled .filter-element-container select {
      cursor: default; }
    .component-product-filter .component-dropdown.filter-component.disabled .form-element:hover + .cover,
    .component-download-filter .step-1 .component-dropdown.filter-component.disabled .form-element:hover + .cover {
      border-color: #d9d9d9 !important;
      color: #575756 !important; }

.component-download-filter .component-dropdown.filter-component.disabled .filter-element-container .cover {
  opacity: 0.5; }
  .component-download-filter .component-dropdown.filter-component.disabled .filter-element-container .cover .icon {
    color: #d9d9d9 !important; }
.component-download-filter .component-dropdown.filter-component.disabled .filter-element-container select {
  cursor: default; }
.component-download-filter .component-dropdown.filter-component.disabled .form-element:hover + .cover {
  border-color: #d9d9d9 !important;
  color: #575756 !important; }
.component-download-filter .step-1 {
  margin-bottom: 50px; }
  @media screen and (max-width: 991px) {
    .component-download-filter .step-1 {
      margin-bottom: 40px;
      text-align: left;
      margin-left: -2.5px; } }
.component-download-filter .load-more {
  margin: 70px auto 80px;
  display: block; }
  .component-download-filter .load-more i {
    font-style: normal;
    color: #575756; }
.component-download-filter h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 30px;
  text-align: center;
  margin: 0 0 30px;
  padding: 0; }
  .component-download-filter h2 span {
    background-color: #ffffff;
    position: relative;
    top: 8px;
    padding: 0 10px;
    margin: 0 25px;
    display: inline-block; }
    .component-download-filter h2 span i {
      font-style: normal;
      color: #b1c127; }
  @media screen and (max-width: 991px) {
    .component-download-filter h2 {
      font-size: 18px;
      border-bottom: 0;
      text-align: left; }
      .component-download-filter h2 span {
        padding: 0;
        margin: 0;
        top: 0; }
        .component-download-filter h2 span i {
          display: block; } }
.component-download-filter .container-50-50 {
  display: table-row; }
  .component-download-filter .container-50-50 .or {
    display: table-cell;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 0.36px;
    font-size: 18px;
    padding: 0 20px; }
  .component-download-filter .container-50-50 > div {
    width: 50%;
    position: relative;
    padding: 20px;
    display: table-cell;
    background: #f2f2f2;
    border-radius: 5px; }
    .component-download-filter .container-50-50 > div .component-radio-button {
      margin-bottom: 15px; }
      .component-download-filter .container-50-50 > div .component-radio-button .form-element-container {
        display: inline-block; }
        .component-download-filter .container-50-50 > div .component-radio-button .form-element-container input[type="radio"] {
          position: absolute; }
          .component-download-filter .container-50-50 > div .component-radio-button .form-element-container input[type="radio"] + label {
            display: inline-block;
            line-height: 40px; }
            .component-download-filter .container-50-50 > div .component-radio-button .form-element-container input[type="radio"] + label .text {
              font-weight: bold; }
          .component-download-filter .container-50-50 > div .component-radio-button .form-element-container input[type="radio"]:checked + label .text {
            color: #b1c127; }
    .component-download-filter .container-50-50 > div .component-input {
      max-width: 100%; }
      .component-download-filter .container-50-50 > div .component-input input[type="text"] {
        width: 100%; }
    .component-download-filter .container-50-50 > div .component-dropdown .form-element-container {
      position: relative; }
    .component-download-filter .container-50-50 > div .component-dropdown label {
      display: none; }
    .component-download-filter .container-50-50 > div .component-dropdown .cover .icon {
      background: transparent;
      border: none; }
    .component-download-filter .container-50-50 > div .container-50-50 {
      max-width: 100%;
      display: block; }
      .component-download-filter .container-50-50 > div .container-50-50:before, .component-download-filter .container-50-50 > div .container-50-50:after {
        content: " ";
        display: table; }
      .component-download-filter .container-50-50 > div .container-50-50:after {
        clear: both; }
      .component-download-filter .container-50-50 > div .container-50-50 .component-dropdown .cover {
        background: #ffffff; }
      .component-download-filter .container-50-50 > div .container-50-50 > div {
        width: 50%;
        float: left;
        padding: 0 0 0 5px; }
        .component-download-filter .container-50-50 > div .container-50-50 > div:first-child {
          padding: 0 5px 0 0; }
          .component-download-filter .container-50-50 > div .container-50-50 > div:first-child:after {
            display: none; }
    .component-download-filter .container-50-50 > div:first-child {
      /*
      &:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 3px;
        left: 100%;
        margin-left: -1.5px;
        background-color: $color-mercury;
      }
      */ }
  @media screen and (max-width: 991px) {
    .component-download-filter .container-50-50 {
      display: block; }
      .component-download-filter .container-50-50 .or {
        display: block;
        padding: 20px;
        text-align: center; }
      .component-download-filter .container-50-50 > div {
        display: block;
        width: 100%;
        padding: 20px; } }
  @media screen and (max-width: 767px) {
    .component-download-filter .container-50-50 > div .container-50-50 > div {
      width: 100%;
      float: none;
      padding: 0; }
      .component-download-filter .container-50-50 > div .container-50-50 > div:first-child {
        padding: 0;
        margin-bottom: 10px; } }

.component-download-filter .step-1 {
  text-align: left;
  margin-left: -15px; }
  .component-download-filter .step-1:before, .component-download-filter .step-1:after {
    content: " ";
    display: table; }
  .component-download-filter .step-1:after {
    clear: both; }
  @media screen and (max-width: 991px) {
    .component-download-filter .step-1 {
      margin-left: -15px; } }
  .component-download-filter .step-1 .component-radio-button.filter-component,
  .component-download-filter .step-1 .component-checkbox.filter-component {
    width: 33.33%;
    display: block;
    float: left;
    margin-right: 0; }
    @media screen and (max-width: 991px) {
      .component-download-filter .step-1 .component-radio-button.filter-component,
      .component-download-filter .step-1 .component-checkbox.filter-component {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .component-download-filter .step-1 .component-radio-button.filter-component,
      .component-download-filter .step-1 .component-checkbox.filter-component {
        width: 100%;
        margin-bottom: 5px; } }
    .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container,
    .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container {
      display: block;
      position: relative;
      margin-left: 15px;
      max-height: none;
      line-height: 1.4 !important; }
      .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"] + label,
      .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"] + label,
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label,
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label {
        display: block;
        border: none;
        background: #f2f2f2;
        transition: background .2s ease-in-out;
        border-radius: 5px;
        max-height: none;
        min-height: 0;
        height: auto;
        line-height: 1.4 !important;
        font-size: 14px;
        padding: 12.5px 15px 12.5px 50px; }
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"] + label:before,
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"] + label:before,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label:before,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label:before {
          content: ""; }
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"] + label:before,
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"] + label:before,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label:before,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label:before {
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);
          left: 19px;
          font-size: 14px;
          z-index: 1;
          color: #b1c127;
          opacity: 0;
          transition: opacity .2s ease-in-out; }
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"] + label:after,
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"] + label:after,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"] + label:after,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"] + label:after {
          content: "";
          height: 30px;
          width: 30px;
          border: 1px solid #d9d9d9;
          background: #ffffff;
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);
          left: 10px;
          border-radius: 10px; }
      .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"]:checked + label,
      .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"]:checked + label,
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label,
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label {
        background: #b1c127;
        color: #ffffff;
        border: none;
        line-height: 1.4 !important;
        padding: 12.5px 15px 12.5px 50px; }
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"]:checked + label:before,
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"]:checked + label:before,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label:before,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label:before {
          opacity: 1; }
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="radio"]:checked + label .text,
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container input[type="checkbox"]:checked + label .text,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="radio"]:checked + label .text,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container input[type="checkbox"]:checked + label .text {
          color: #ffffff; }
      .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container .filter-element:hover:not(:checked) + label,
      .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container .filter-element:hover:not(:checked) + label {
        border: none !important;
        background: #e6e6e6;
        color: #575756; }
        .component-download-filter .step-1 .component-radio-button.filter-component .filter-element-container .filter-element:hover:not(:checked) + label .text,
        .component-download-filter .step-1 .component-checkbox.filter-component .filter-element-container .filter-element:hover:not(:checked) + label .text {
          color: #575756; }

.component-newsletter-banner {
  background-color: #f2f2f2; }
  .component-newsletter-banner .headline {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 23px; }
    @media screen and (max-width: 767px) {
      .component-newsletter-banner .headline {
        text-align: center; } }
  .component-newsletter-banner .logo-image {
    float: left; }
    @media screen and (max-width: 767px) {
      .component-newsletter-banner .logo-image {
        margin-bottom: 12px; } }
  .component-newsletter-banner .newsletter-banner-column {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .component-newsletter-banner .newsletter-banner-content {
      display: flex;
      flex-flow: column wrap;
      align-items: center;
      max-width: 400px;
      margin: 0 auto; } }
  .component-newsletter-banner.abo .headline {
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 0;
    margin-left: 16px; }
  .component-newsletter-banner.abo .newsletter-banner-content {
    display: flex;
    align-items: center;
    justify-content: center; }
  .component-newsletter-banner.abo .logo-image {
    max-width: 46px; }
  .component-newsletter-banner.abo p {
    margin-left: 62px; }
    @media screen and (max-width: 767px) {
      .component-newsletter-banner.abo p.headline {
        margin-bottom: 14px; } }
  .component-newsletter-banner.inxmail .logo-image {
    max-width: 70px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
    @media screen and (max-width: 767px) {
      .component-newsletter-banner.inxmail .logo-image {
        max-width: 46px; } }
  .component-newsletter-banner.inxmail p {
    margin-left: 95px; }
    .component-newsletter-banner.inxmail p:not(.headline) {
      font-size: 14px;
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        .component-newsletter-banner.inxmail p:not(.headline) {
          text-align: center; } }
    .component-newsletter-banner.inxmail p:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .component-newsletter-banner.inxmail p {
        margin-left: 0; }
        .component-newsletter-banner.inxmail p.headline {
          margin-bottom: 11px; } }
  .component-newsletter-banner.inxmail button {
    margin-top: 22px; }
  @media screen and (max-width: 767px) {
    .component-newsletter-banner.inxmail .newsletter-banner-column:first-child {
      padding-bottom: 0; } }
  .component-newsletter-banner.inxmail .newsletter-banner-content {
    position: relative; }
  .component-newsletter-banner.inxmail input[type="checkbox"] + label {
    height: auto; }
  .component-newsletter-banner.inxmail .component-checkbox {
    margin-bottom: 0; }
    .component-newsletter-banner.inxmail .component-checkbox .text {
      font-size: 13px; }
      @media screen and (max-width: 767px) {
        .component-newsletter-banner.inxmail .component-checkbox .text {
          padding-right: 10px; } }
  @media screen and (max-width: 767px) {
    .component-newsletter-banner.inxmail .logo-image {
      float: none;
      position: relative;
      top: auto;
      transform: none; } }
  .component-newsletter-banner .component-form {
    margin-bottom: 0; }
  .component-newsletter-banner ::-webkit-input-placeholder {
    text-align: center;
    font-size: 14px; }
  .component-newsletter-banner :-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
    font-size: 14px; }
  .component-newsletter-banner ::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
    font-size: 14px; }
  .component-newsletter-banner :-ms-input-placeholder {
    text-align: center;
    font-size: 14px; }

.component-fixed-nav-wrapper {
  position: fixed;
  right: 50%;
  top: 50%;
  max-width: 1600px;
  width: 100%;
  overflow: visible;
  transform: translate(50%, 0);
  z-index: 998; }
  .component-fixed-nav-wrapper:before {
    content: "Component: Fixed-Navigation" !important;
    display: none; }
  .component-fixed-nav-wrapper .component-fixed-nav {
    transform: translate(0, -50%);
    margin-top: 35px;
    position: absolute;
    top: 0;
    right: 0; }
  @media screen and (max-width: 767px) {
    .component-fixed-nav-wrapper {
      top: 25%;
      transform: translate(50%, 0); } }
  @media screen and (max-height: 750px) {
    .component-fixed-nav-wrapper {
      bottom: 50px;
      top: inherit; }
      .component-fixed-nav-wrapper .component-fixed-nav {
        transform: translate(0, -100%); } }
  .component-fixed-nav-wrapper:after {
    content: "";
    position: absolute;
    height: 90vh;
    top: 50%;
    left: 100%;
    width: 25px;
    background: #e6e6e6;
    transform: translate(0, -50%); }

.component-content-navigation {
  border-radius: 17px 0 0 17px;
  background-color: #ffffff;
  border: 1px solid #f8f8f8;
  border-right: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 998;
  text-align: right;
  float: right;
  overflow: hidden;
  max-width: 37px;
  position: relative;
  transition: max-width .2s ease-in-out, max-height .2s ease-in-out;
  transform: translateZ(0);
  display: none; }
  .component-content-navigation:before {
    content: "Component: Content-Navigation" !important;
    display: none; }
  @media screen and (max-width: 767px) {
    .component-content-navigation {
      max-height: 50px; } }
  .component-content-navigation .head {
    padding: 14px 0 13px 35px;
    position: relative;
    color: #919190;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    transition: background-color .2s ease-in-out;
    transform: translateZ(0);
    min-height: 51px; }
    .component-content-navigation .head:before, .component-content-navigation .head:after {
      content: " ";
      display: table; }
    .component-content-navigation .head:after {
      clear: both; }
    .component-content-navigation .head span {
      float: right;
      margin-right: 47px;
      white-space: nowrap;
      clear: both; }
      @media screen and (max-width: 767px) {
        .component-content-navigation .head span {
          font-size: 14px; } }
    .component-content-navigation .head .btn {
      position: absolute;
      top: 50%;
      right: 8px;
      padding: 0;
      transform: translate(0, -50%);
      transition: color 350ms; }
      .component-content-navigation .head .btn:hover {
        color: #b1c127; }
      .component-content-navigation .head .btn .icon-close {
        font-size: 13px;
        display: none; }
      .component-content-navigation .head .btn .icon-content-navigation {
        position: relative;
        top: 2px;
        left: 2px; }
  .component-content-navigation.active {
    max-width: 100% !important;
    max-height: 1000px; }
    .component-content-navigation.active .head {
      background-color: #f2f2f2; }
      .component-content-navigation.active .head .btn .icon-close {
        display: block; }
      .component-content-navigation.active .head .btn .icon-content-navigation {
        display: none; }
    .component-content-navigation.active .nav-list ul {
      padding-top: 10px;
      padding-bottom: 18px; }
      .component-content-navigation.active .nav-list ul li {
        padding-top: 5px;
        padding-bottom: 4px; }
  .component-content-navigation.no-scroll {
    max-width: 37px !important; }
    .component-content-navigation.no-scroll.active {
      max-width: 100% !important; }
    .component-content-navigation.no-scroll .head {
      padding-right: 0 !important; }
      .component-content-navigation.no-scroll .head .btn {
        right: 8px !important; }
  .component-content-navigation .nav-list {
    max-height: 40vh;
    overflow: auto; }
    .component-content-navigation .nav-list ul {
      margin: 0;
      padding: 0 0 7px;
      list-style: none;
      transition: padding 350ms;
      transform: translateZ(0); }
      .component-content-navigation .nav-list ul:before, .component-content-navigation .nav-list ul:after {
        content: " ";
        display: table; }
      .component-content-navigation .nav-list ul:after {
        clear: both; }
      .component-content-navigation .nav-list ul li {
        padding: 0 47px 0 35px;
        position: relative;
        text-transform: uppercase;
        float: right;
        white-space: nowrap;
        clear: both;
        font-family: "Roboto Condensed", sans-serif;
        transition: padding 350ms;
        transform: translateZ(0); }
        @media screen and (max-width: 767px) {
          .component-content-navigation .nav-list ul li {
            font-size: 14px; } }
        .component-content-navigation .nav-list ul li a {
          color: #919190;
          transition: color 350ms;
          transform: translateZ(0);
          position: relative; }
          .component-content-navigation .nav-list ul li a:hover {
            color: #b1c127;
            text-decoration: none; }
            .component-content-navigation .nav-list ul li a:hover:after {
              background-color: #b1c127; }
          .component-content-navigation .nav-list ul li a:after {
            content: "";
            border-radius: 50%;
            height: 5px;
            width: 5px;
            position: absolute;
            left: 100%;
            margin-left: 27px;
            background-color: #e6e6e6;
            top: 50%;
            transform: translate(0, -50%);
            transition: background-color 350ms;
            margin-top: -1px; }
          .component-content-navigation .nav-list ul li a:before {
            content: "";
            height: 19px;
            width: 19px;
            background-color: #ffffff;
            position: absolute;
            left: 100%;
            margin-left: 20px;
            top: 50%;
            transform: translate(0, -50%); }
        .component-content-navigation .nav-list ul li.active a {
          color: #b1c127; }
          .component-content-navigation .nav-list ul li.active a:after {
            background-color: #b1c127;
            height: 9px;
            width: 9px;
            margin-left: 25px; }

.component-toolbar {
  border-radius: 17px 0 0 17px;
  padding: 1px 37px 1px 1px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 998;
  overflow: hidden;
  max-width: 38px;
  clear: both;
  position: relative;
  float: right;
  white-space: nowrap;
  height: 58px;
  transition: max-width .2s ease-in-out; }
  .component-toolbar:before {
    content: "Component: Toolbar" !important;
    display: none; }
  @media screen and (max-width: 767px) {
    .component-toolbar {
      display: none; } }
  .component-content-navigation + .component-toolbar {
    margin-top: 6px; }
  .component-toolbar .button {
    position: absolute;
    height: 100%;
    width: 38px;
    right: 0;
    top: 0; }
    .component-toolbar .button .btn {
      height: 100%;
      width: 100%;
      background-color: #b1c127;
      transition: none; }
      .component-toolbar .button .btn .icon-close {
        font-size: 13px;
        display: none;
        top: -5px;
        position: relative; }
      .component-toolbar .button .btn .icon-share {
        font-size: 16px;
        color: #ffffff;
        top: -2px;
        bottom: -2px;
        left: -2px;
        right: 0;
        position: absolute;
        background-color: #b1c127;
        transition: background-color 350ms;
        border-radius: 17px 0 0 17px; }
        .component-toolbar .button .btn .icon-share:hover {
          background-color: #c9d933; }
        .component-toolbar .button .btn .icon-share.icon-share:before {
          top: 50%;
          right: 29px;
          position: absolute;
          transform: translate(0, -50%); }
  .component-toolbar.active {
    max-width: 100%;
    border: 1px solid #f8f8f8;
    padding: 0 37px 0 0; }
    .component-toolbar.active .button {
      background-color: #ffffff; }
      .component-toolbar.active .button .btn {
        top: 50%;
        left: 11px;
        padding: 0;
        transform: translate(0, -50%);
        color: #919190;
        height: auto;
        width: auto;
        background-color: transparent;
        transition: color 350ms; }
        .component-toolbar.active .button .btn:hover {
          color: #b1c127; }
        .component-toolbar.active .button .btn .icon-close {
          display: block; }
        .component-toolbar.active .button .btn .icon-share {
          display: none; }
  .component-toolbar .share-list {
    float: right; }
    .component-toolbar .share-list > span {
      margin: 0 7px 0 20px;
      color: #919190;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 16px;
      position: relative;
      top: 1px; }
    .component-toolbar .share-list ul {
      margin: 0;
      padding: 11px 4px 11px 0;
      list-style: none;
      display: inline-block; }
      .component-toolbar .share-list ul:before, .component-toolbar .share-list ul:after {
        content: " ";
        display: table; }
      .component-toolbar .share-list ul:after {
        clear: both; }
      .component-toolbar .share-list ul li {
        position: relative;
        display: inline-block;
        margin-right: 6px; }
        .component-toolbar .share-list ul li .btn {
          white-space: nowrap; }
  .btn-teaser-share .component-toolbar {
    position: absolute;
    top: 0;
    left: 100%;
    max-width: 0;
    overflow: hidden;
    float: none;
    padding-right: 0;
    padding-left: 0; }
    .btn-teaser-share .component-toolbar button {
      display: none; }
    .btn-teaser-share .component-toolbar.active {
      max-width: none; }

.component-contact {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  .component-contact:before {
    content: "Component: Contact" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-contact {
      margin-bottom: 60px; } }
  .component-contact .contact-teasers {
    margin: 0 -18px;
    padding: 0;
    list-style: none;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .component-contact .contact-teasers {
        margin: 0; } }
    .component-contact .contact-teasers li {
      display: inline-block;
      background: #f2f2f2;
      min-width: 295px;
      height: 70px;
      border-radius: 20px 0px;
      vertical-align: top;
      position: relative;
      margin: 0 18px 20px 18px;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .component-contact .contact-teasers li {
          margin: 0 0 20px;
          width: 100%;
          min-width: 0; } }
      .component-contact .contact-teasers li .icon {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 70px;
        border-radius: 20px 0px;
        background-color: #b1c127;
        color: #ffffff;
        font-size: 27px; }
        .component-contact .contact-teasers li .icon.icon-phone {
          font-size: 32px; }
        .component-contact .contact-teasers li .icon:before {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .component-contact .contact-teasers li a {
        display: block;
        width: 100%;
        height: 70px;
        color: #b1c127;
        transition: color 350ms, background-color 350ms; }
        .component-contact .contact-teasers li a p {
          color: #b1c127; }
        .component-contact .contact-teasers li a:not(:disabled):not(.disabled).active, .component-contact .contact-teasers li a:not(:disabled):not(.disabled):active, .component-contact .contact-teasers li a:not(:disabled):not(.disabled):hover {
          background-color: #b1c127;
          color: #ffffff;
          text-decoration: none; }
          .component-contact .contact-teasers li a:not(:disabled):not(.disabled).active p, .component-contact .contact-teasers li a:not(:disabled):not(.disabled):active p, .component-contact .contact-teasers li a:not(:disabled):not(.disabled):hover p {
            color: #ffffff; }
      .component-contact .contact-teasers li p {
        display: table-cell;
        vertical-align: middle;
        height: 70px;
        width: 100%;
        text-align: left;
        padding: 0 15px 0 90px;
        color: #575756;
        transition: color 350ms; }
        .component-contact .contact-teasers li p span {
          display: block;
          font-family: "Roboto Condensed", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: 18px; }
          .component-contact .contact-teasers li p span.subline {
            text-transform: uppercase;
            font-family: "Roboto", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 14px; }
        .component-contact .contact-teasers li p a {
          display: inline; }

.component-cookie-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  padding: 30px 0;
  background-color: #f2f2f2; }
  .component-cookie-bar.hidden {
    display: none; }
  .component-cookie-bar .cookie-bar-wrapper {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 425px) {
      .component-cookie-bar .cookie-bar-wrapper {
        display: block; } }
  .component-cookie-bar .cookie-bar-content {
    padding-right: 30px; }
  .component-cookie-bar .cookie-bar-controls {
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media screen and (max-width: 425px) {
      .component-cookie-bar .cookie-bar-controls {
        display: block;
        margin-top: 25px; }
        .component-cookie-bar .cookie-bar-controls .btn:last-child {
          float: right; } }
  .component-cookie-bar .btn-accept {
    height: fit-content;
    margin-right: 15px; }
  .component-cookie-bar .btn-close .icon {
    font-size: 13px; }
  .component-cookie-bar .component-text h4 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px; }
  .component-cookie-bar .component-text p {
    margin-bottom: 5px; }
    .component-cookie-bar .component-text p:last-child {
      margin-bottom: 0; }

.component-inspiration {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */
  position: relative; }
  @media screen and (min-width: 992px) {
    .component-inspiration {
      margin-bottom: 60px; } }
  .component-inspiration .container-50-50:before, .component-inspiration .container-50-50:after {
    content: " ";
    display: table; }
  .component-inspiration .container-50-50:after {
    clear: both; }
  .component-inspiration .container-50-50 > div {
    width: 50%;
    padding-left: 3px;
    float: left; }
    .component-inspiration .container-50-50 > div:first-child {
      padding-left: 0;
      padding-right: 3px; }
    @media screen and (max-width: 991px) {
      .component-inspiration .container-50-50 > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
        .component-inspiration .container-50-50 > div:first-child {
          padding-right: 0; }
        .component-inspiration .container-50-50 > div .container-50-50 > div {
          width: 50%;
          padding-left: 3px; }
          .component-inspiration .container-50-50 > div .container-50-50 > div:first-child {
            padding-left: 0;
            padding-right: 3px; } }
    @media screen and (max-width: 991px) and (max-width: 767px) {
      .component-inspiration .container-50-50 > div .container-50-50 > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
        .component-inspiration .container-50-50 > div .container-50-50 > div:first-child {
          padding-right: 0; } }
    @media screen and (max-width: 991px) {
          .component-inspiration .container-50-50 > div .container-50-50 > div.container-item {
            width: 100%;
            padding-left: 0;
            padding-right: 0; } }
  .component-inspiration .container-50-50 .container-item {
    width: 100%; }
  .component-inspiration .container-66-33:before, .component-inspiration .container-66-33:after {
    content: " ";
    display: table; }
  .component-inspiration .container-66-33:after {
    clear: both; }
  .component-inspiration .container-66-33 > div {
    width: 33.33333%;
    padding-left: 3px;
    float: left; }
    .component-inspiration .container-66-33 > div:first-child {
      padding-left: 0;
      padding-right: 3px;
      width: 66.66666%;
      overflow: hidden; }
    @media screen and (max-width: 991px) {
      .component-inspiration .container-66-33 > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
        .component-inspiration .container-66-33 > div .container-item {
          width: 50%;
          float: left;
          padding-bottom: 28.125%; }
          .component-inspiration .container-66-33 > div .container-item .item {
            left: 3px; }
          .component-inspiration .container-66-33 > div .container-item:first-child .item {
            left: 0;
            right: 3px; } }
      @media screen and (max-width: 991px) and (max-width: 991px) {
        .component-inspiration .container-66-33 > div .container-item:first-child .item {
          right: 0; } }
    @media screen and (max-width: 991px) and (max-width: 767px) {
      .component-inspiration .container-66-33 > div .container-item {
        width: 100%;
        float: none;
        padding-bottom: 56.25%; }
        .component-inspiration .container-66-33 > div .container-item .item {
          left: 0; }
        .component-inspiration .container-66-33 > div .container-item:first-child .item {
          right: 0; } }
    @media screen and (max-width: 991px) {
        .component-inspiration .container-66-33 > div:first-child {
          width: 100%;
          padding-left: 0;
          padding-right: 0; }
          .component-inspiration .container-66-33 > div:first-child .container-item {
            width: 100%;
            padding-bottom: 56.25%; } }
  .component-inspiration .container-66-33 .container-item {
    width: 100%; }
  .component-inspiration .container-item {
    margin-bottom: 6px;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 2;
    position: relative; }
    .component-inspiration .container-item .item {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; }
      .component-inspiration .container-item .item a {
        text-decoration: none; }
        .component-inspiration .container-item .item a:hover .text span {
          background-color: rgba(177, 193, 39, 0.5); }
        .component-inspiration .container-item .item a:hover .btn {
          background-color: #c9d933;
          border-color: #c9d933; }
        .component-inspiration .container-item .item a .btn {
          cursor: pointer; }
      .component-inspiration .container-item .item.video .play {
        position: absolute;
        top: 60px;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background: transparent; }
        .component-inspiration .container-item .item.video .play + .text {
          cursor: pointer; }
        .component-inspiration .container-item .item.video .play + .text:hover span, .component-inspiration .container-item .item.video .play:hover + .text span {
          background-color: rgba(177, 193, 39, 0.5); }
      .component-inspiration .container-item .item iframe {
        height: 100%;
        width: 100%;
        border: none; }
      .component-inspiration .container-item .item .btn {
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: default; }
        .component-inspiration .container-item .item .btn:hover {
          background-color: #b1c127;
          border-color: #b1c127; }
        .component-inspiration .container-item .item .btn span {
          font-family: "Roboto Condensed", sans-serif;
          font-weight: bold;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
        .component-inspiration .container-item .item .btn .icon {
          text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
          .component-inspiration .container-item .item .btn .icon.icon-arrow-long {
            font-size: 22px; }
      .component-inspiration .container-item .item .component-image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0); }
        .component-inspiration .container-item .item .component-image img {
          min-width: 100%;
          min-height: 100%; }
      .component-inspiration .container-item .item .text {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        color: #ffffff;
        text-align: center;
        font-size: 20px;
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: 400; }
        .component-inspiration .container-item .item .text span {
          background-color: rgba(0, 0, 0, 0.5);
          display: inline-block;
          margin: 0 15px;
          padding: 6px 15px;
          transition: background-color 350ms; }
  .component-inspiration .globes {
    position: absolute;
    top: -80px;
    left: -50px;
    right: -50px;
    bottom: 0; }
    @media screen and (max-width: 991px) {
      .component-inspiration .globes {
        display: none; } }
    @media screen and (min-width: 992px) and (max-width: 1399px) {
      .component-inspiration .globes {
        top: -100px; } }
    @media screen and (min-width: 1400px) {
      .component-inspiration .globes {
        top: -120px; } }
  .component-inspiration .globe-left {
    top: 39%;
    left: 0.5%; }
    @media screen and (max-width: 767px) {
      .component-inspiration .globe-left {
        top: 50%;
        left: -1.5%; } }
    @media screen and (max-width: 1399px) {
      .component-inspiration .globe-left {
        width: 26.535vw;
        height: 26.535vw; } }
  .component-inspiration .globe-center-left {
    top: 3%;
    left: 21%; }
    @media screen and (max-width: 767px) {
      .component-inspiration .globe-center-left {
        top: 33%; } }
    @media screen and (max-width: 1399px) {
      .component-inspiration .globe-center-left {
        width: 49.894vw;
        height: 49.894vw; } }
  .component-inspiration .globe-center-right {
    top: 34%;
    left: 52%; }
    @media screen and (max-width: 767px) {
      .component-inspiration .globe-center-right {
        top: 48%; } }
    @media screen and (max-width: 1399px) {
      .component-inspiration .globe-center-right {
        width: 34.439vw;
        height: 34.439vw; } }
  .component-inspiration .globe-right {
    top: 22%;
    left: 79%; }
    @media screen and (max-width: 767px) {
      .component-inspiration .globe-right {
        top: 44%;
        left: 78%; } }
    @media screen and (max-width: 1399px) {
      .component-inspiration .globe-right {
        width: 18.137vw;
        height: 18.137vw; } }
  .component-inspiration .type1 + .globes .globe-left {
    left: -0.5%;
    border-width: 35px; }
  .component-inspiration .type1 + .globes .globe-center-left {
    top: 5%;
    left: 11%; }
  .component-inspiration .type1 + .globes .globe-right {
    left: 83%; }
  .component-inspiration .type2 > .container-50-50 > div:first-child .container-item .item {
    bottom: -3px; }
    @media screen and (max-width: 991px) {
      .component-inspiration .type2 > .container-50-50 > div:first-child .container-item .item {
        bottom: 0; } }
  .component-inspiration .type2 + .globes .globe-left {
    width: 222px;
    height: 222px;
    border-width: 35px;
    left: -0.5%; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type2 + .globes .globe-left {
        width: 15.667vw;
        height: 15.667vw; } }
  .component-inspiration .type2 + .globes .globe-center-left {
    width: 555px;
    height: 555px; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type2 + .globes .globe-center-left {
        width: 39.167vw;
        height: 39.167vw; } }
  .component-inspiration .type2 + .globes .globe-center-right {
    width: 333px;
    height: 333px;
    top: 40%;
    left: 55%; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type2 + .globes .globe-center-right {
        width: 23.5vw;
        height: 23.5vw; } }
  .component-inspiration .type2 + .globes .globe-right {
    top: 24%;
    left: 83%; }
  .component-inspiration .type3 + .globes .globe-left {
    left: -0.5%;
    border-width: 35px;
    top: 29%;
    width: 300px;
    height: 300px; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type3 + .globes .globe-left {
        width: 21.171vw;
        height: 21.171vw; } }
  .component-inspiration .type3 + .globes .globe-center-left {
    top: 3%;
    left: 14%; }
  .component-inspiration .type3 + .globes .globe-center-right {
    top: 50%;
    left: 52%; }
  .component-inspiration .type3 + .globes .globe-right {
    top: 35%;
    left: 83%; }
  .component-inspiration .type4 > .container-66-33 > div:first-child .container-item .item {
    bottom: -5px; }
    @media screen and (max-width: 991px) {
      .component-inspiration .type4 > .container-66-33 > div:first-child .container-item .item {
        bottom: 0; } }
  .component-inspiration .type4 + .globes .globe-left {
    width: 255px;
    height: 255px;
    border-width: 35px;
    left: -1.5%;
    top: 27%; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type4 + .globes .globe-left {
        width: 17.996vw;
        height: 17.996vw; } }
  .component-inspiration .type4 + .globes .globe-center-left {
    width: 555px;
    height: 555px; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type4 + .globes .globe-center-left {
        width: 39.167vw;
        height: 39.167vw; } }
  .component-inspiration .type4 + .globes .globe-center-right {
    width: 333px;
    height: 333px;
    top: 55%;
    left: 56%; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type4 + .globes .globe-center-right {
        width: 23.5vw;
        height: 23.5vw; } }
  .component-inspiration .type4 + .globes .globe-right {
    top: 24%;
    left: 83%; }
  .component-inspiration .type5 + .globes .globe-left {
    width: 222px;
    height: 222px;
    border-width: 35px;
    left: -1.5%; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type5 + .globes .globe-left {
        width: 15.667vw;
        height: 15.667vw; } }
  .component-inspiration .type5 + .globes .globe-center-left {
    width: 555px;
    height: 555px; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type5 + .globes .globe-center-left {
        width: 39.167vw;
        height: 39.167vw; } }
  .component-inspiration .type5 + .globes .globe-center-right {
    width: 333px;
    height: 333px;
    top: 13%;
    left: 60%; }
    @media screen and (max-width: 1399px) {
      .component-inspiration .type5 + .globes .globe-center-right {
        width: 23.5vw;
        height: 23.5vw; } }
  .component-inspiration .type5 + .globes .globe-right {
    top: 28%;
    left: 83%; }

.component-iframe {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  @media screen and (min-width: 992px) {
    .component-iframe {
      margin-bottom: 60px; } }
  .component-iframe iframe {
    width: 1px;
    min-width: 100%; }
  .component-iframe.fixed-ratio-1-1, .component-iframe.fixed-ratio-4-3, .component-iframe.fixed-ratio-16-9 {
    height: 0;
    position: relative; }
    .component-iframe.fixed-ratio-1-1 iframe, .component-iframe.fixed-ratio-4-3 iframe, .component-iframe.fixed-ratio-16-9 iframe {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .component-iframe.fixed-ratio-1-1 {
    padding-bottom: 100%; }
  .component-iframe.fixed-ratio-4-3 {
    padding-bottom: 75%; }
  .component-iframe.fixed-ratio-16-9 {
    padding-bottom: 56.25%; }

.component-search-result {
  margin-bottom: 40px;
  /*
  @media screen and (min-width: 1400px) {
  	margin-bottom: 80px;
  }
  */ }
  .component-search-result:before {
    content: "Component: Search Result" !important;
    display: none; }
  @media screen and (min-width: 992px) {
    .component-search-result {
      margin-bottom: 60px; } }
  .component-search-result > p span {
    color: #b1c127; }
  .component-search-result #search-result-tpl {
    display: none; }
  .component-search-result .search-field {
    position: relative;
    margin-bottom: 78px; }
    @media screen and (max-width: 991px) {
      .component-search-result .search-field {
        margin-bottom: 48px; } }
    .component-search-result .search-field input {
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      width: 100%;
      font-size: 23px;
      border: 1px solid #d9d9d9;
      border-radius: 40px;
      height: 57px;
      padding: 0 70px 0 40px;
      color: #575756;
      -webkit-appearance: none;
      -moz-appearance: none; }
      @media screen and (max-width: 991px) {
        .component-search-result .search-field input {
          font-size: 18px;
          height: 46px;
          padding-left: 20px; } }
      .component-search-result .search-field input:focus {
        outline: none; }
    .component-search-result .search-field button {
      position: absolute;
      right: 21px;
      top: 50%;
      transform: translate(0, -50%);
      width: 36px;
      height: 36px; }
      @media screen and (max-width: 991px) {
        .component-search-result .search-field button {
          right: 6px; } }
      .component-search-result .search-field button .icon {
        font-size: 18px; }
  .component-search-result .search-result-list {
    margin: 0 0 50px;
    padding: 0;
    list-style: none; }
    @media screen and (max-width: 991px) {
      .component-search-result .search-result-list {
        margin-bottom: 40px; } }
    .component-search-result .search-result-list li {
      border-bottom: 1px solid #e6e6e6;
      margin-bottom: 35px; }
      .component-search-result .search-result-list li a {
        display: block; }
        .component-search-result .search-result-list li a:hover {
          text-decoration: none; }
          .component-search-result .search-result-list li a:hover h2 {
            color: #b1c127; }
    .component-search-result .search-result-list h2 {
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      color: #575756;
      font-size: 23px;
      margin: 0 0 12px;
      line-height: 29px; }
    .component-search-result .search-result-list .url {
      font-size: 12px;
      color: #919190;
      margin-bottom: 10px; }
    .component-search-result .search-result-list p {
      font-size: 14px;
      color: #575756;
      margin: 0 0 25px; }
  .component-search-result .load-more {
    margin: 0 auto;
    display: none; }
    .component-search-result .load-more.enabled {
      display: block; }

.component-360-viewer {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate(0);
  box-sizing: border-box;
  height: 0;
  padding-top: 66.66666%; }
  .component-360-viewer:before {
    content: "Component: 360 Viewer" !important;
    display: none; }
  .component-360-viewer .viewer-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton {
      height: 26px !important;
      width: 30px !important;
      overflow: hidden;
      border: 1px solid #b1b1b1; }
      .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#futurenavi-x {
        width: 111px !important;
        border-left: none;
        border-right: none; }
        .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#futurenavi-x .ui-slider-handle {
          outline: 0; }
      .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#infinite {
        border: none; }
        .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#infinite button {
          border: 1px solid #b1b1b1;
          height: 26px;
          width: 30px; }
      .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#playpause {
        border-right: none; }
      .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#futurezoom {
        height: 59px !important;
        margin-top: 2px; }
        .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#futurezoom .ui-slider {
          background: url('/media/system-files/img/feuerball3d/future-navi/future-off.png') -6px -110px no-repeat !important;
          left: -1px;
          top: -2px !important; }
        .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton#futurezoom .ui-slider-handle {
          outline: 0; }
      .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton .reel-indicator {
        height: 4px !important;
        margin-top: 2px;
        margin-left: 2px; }
        .component-360-viewer .viewer-wrapper .viewer > .fb3dbutton .reel-indicator .ui-slider-handle.ui-state-focus {
          border: none; }
    .component-360-viewer .viewer-wrapper .ui-button {
      width: 28px;
      height: 24px;
      right: 0 !important;
      bottom: 0 !important;
      position: relative !important;
      text-indent: -10000px;
      overflow: hidden !important;
      color: transparent;
      border: none;
      left: unset !important; }
      .component-360-viewer .viewer-wrapper .ui-button:focus {
        outline: 0; }
      .component-360-viewer .viewer-wrapper .ui-button:hover .ui-icon {
        background-image: url('/media/system-files/img/feuerball3d/future-navi/future-on.png'); }
  .component-theme-slider .component-360-viewer, .component-galery-slider .component-360-viewer {
    padding-top: 56.25%; }
  .component-theme-slider .component-360-viewer .viewer-wrapper {
    left: 25px;
    right: 25px; }


/*# sourceMappingURL=style-cms.min.css.map */