/*
Enter Here your Custom CSS Style!!
*/
.error {
  z-index: 100000000; }

/* ==== Main CSS === */
.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center; }

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); }

.Grid1k {
  padding: 0 15px;
  max-width: 1200px;
  margin: auto; }

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0 !important; }

.slick-slide {
  float: left;
  padding: 0; }

/* ==== Slider Style === */
.Modern-Slider .item .img-fill {
  height: 50vh;
  background: #000; }

.Modern-Slider .item .img-fill .info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
  line-height: 50vh;
  text-align: center; }

.Modern-Slider .item .info > div {
  display: inline-block !important;
  vertical-align: middle; }

.Modern-Slider .NextArrow {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
  border: 0 none;
  margin-top: -22.5px;
  text-align: center;
  font: 20px/45px Icons;
  color: #fff;
  z-index: 5; }

.Modern-Slider .NextArrow:before {
  content: "\e0d3"; }

.Modern-Slider .PrevArrow {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
  border: 0 none;
  margin-top: -22.5px;
  text-align: center;
  font: 20px/45px Icons;
  color: #fff;
  z-index: 5; }

.Modern-Slider .PrevArrow:before {
  content: "\e0d5"; }

.Modern-Slider .slick-dots {
  position: absolute;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 0px;
  margin: 0px;
  list-style-type: none; }

.Modern-Slider .slick-dots li button {
  display: none; }

.Modern-Slider .slick-dots li {
  float: left;
  width: 0px;
  height: 5px;
  background: #9ec038;
  position: absolute;
  left: 0px;
  bottom: 0px; }

.Modern-Slider .slick-dots li.slick-active {
  width: 100%;
  animation: ProgressDots 11s both; }

.Modern-Slider .item h3 {
  font: 30px/50px;
  text-transform: uppercase;
  color: #fff;
  animation: fadeOutRight 1s both;
  margin: 0;
  padding: 0; }

.Modern-Slider .item h5 {
  margin: 0;
  padding: 0;
  font: 15px/30px;
  color: #fff;
  max-width: 600px;
  overflow: hidden;
  height: 60px;
  animation: fadeOutLeft 1s both; }

.Modern-Slider .item.slick-active h3 {
  animation: fadeInDown 1s both 1s; }

.Modern-Slider .item.slick-active h5 {
  animation: fadeInLeft 1s both 1.5s; }

.Modern-Slider .item.slick-active {
  animation: Slick-FastSwipeIn 1s both; }

.Modern-Slider {
  background: #000; }

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn {
  0% {
    transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px); }
  100% {
    transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px); } }

@-webkit-keyframes ProgressDots {
  from {
    width: 0px; }
  to {
    width: 100%; } }

@keyframes ProgressDots {
  from {
    width: 0px; }
  to {
    width: 100%; } }

/* ==== Slick Slider Css Ruls === */
.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: hand; }

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ""; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  /* If RTL Make This Right */
  height: 100%;
  min-height: 1px; }

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

.swiper {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.swiper-container {
  height: calc(500px);
  margin: 5px; }

.swiper-slide {
  overflow: hidden; }

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center; }

.tab-content {
  padding: 0px;
  background: none; }

.nav-pills .nav-link img {
  filter: grayscale(1); }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: black;
  background-color: rgba(255, 255, 255, 0); }
  .nav-pills .nav-link.active img, .nav-pills .show > .nav-link img {
    filter: grayscale(0); }

.grid li {
  display: inline-block;
  margin: 0;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  text-align: left;
  position: relative;
  overflow: visible; }

.nav-link {
  padding: 0; }

.gridder-show {
  padding: 10px 10px 30px 10px;
  background: #e9e9e9;
  margin-bottom: 1%; }

.gridder-navigation .gridder-nav {
  height: 77px;
  padding: 0;
  position: absolute;
  width: 32px;
  z-index: 1;
  color: #000 !important;
  cursor: pointer !important;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626');
  font-size: 11px;
  font-weight: bold;
  margin: 0 5px;
  outline: 0;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: normal;
  word-wrap: normal;
  top: 90%;
  overflow: hidden; }
  .gridder-navigation .gridder-nav span {
    display: block;
    bottom: 0;
    height: 23px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px; }
  .gridder-navigation .gridder-nav.prev {
    left: -6px; }
    .gridder-navigation .gridder-nav.prev span {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat; }
    .gridder-navigation .gridder-nav.prev:hover {
      filter: invert(100%); }
  .gridder-navigation .gridder-nav.next {
    right: -6px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }
    .gridder-navigation .gridder-nav.next span {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat; }
    .gridder-navigation .gridder-nav.next:hover {
      filter: invert(100%); }

.gridder-navigation .gridder-close {
  /*    background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center;
    cursor: pointer;
    height: 30px;
    padding: 7px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 2;*/
  position: absolute;
  float: right;
  right: 0px;
  top: 0px;
  margin: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 90000;
  font-size: 20px;
  background-color: #26292E;
  opacity: 0.5;
  -webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  -moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  -o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: background 0.1s linear 0s, opacity 0.1s linear 0s; }
  .gridder-navigation .gridder-close i {
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -11px;
    font-size: 22px;
    line-height: 1em;
    position: absolute; }
  .gridder-navigation .gridder-close:hover {
    color: #ffffff; }

.dddElement {
  margin: -50px 0 0 0;
  color: white;
  position: absolute;
  width: fit-content;
  font-size: 40px;
  display: block;
  z-index: 20;
  bottom: 20px;
  left: 80%; }

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #ffffff;
  border: 0;
  border-radius: 0; }

.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); }

.accordion-button:not(.collapsed) {
  color: black;
  background-color: #9ec038;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111111'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  filter: grayscale(1); }

.accordion-item {
  background-color: transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0); }

.tab-pane p {
  margin: 0; }

.tab-pane strong {
  font-weight: normal; }

header .sticky-nav {
  position: relative;
  width: 100%;
  height: 90px;
  background: #FFFFFF;
  z-index: 1001;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }

header .sticky-nav.stuck {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001; }

header .sticky-nav, #navigation-mobile, .page, .page-alternate, .map, #twitter-feed, footer {
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px; }

#navigation-mobile {
  width: 100vw;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px; }

.accordion {
  margin-bottom: 20px;
  padding: 0; }

.grid figure img {
  max-width: 100%;
  display: block;
  position: relative;
  height: auto; }

@media only screen and (max-width: 577px) {
  .grid figure {
    padding: 0 0 75px 0; }
  .cs-style-3 figcaption {
    height: 75px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.4s, opacity 0.1s 0.3s; }
  .swiper-container {
    height: calc(360px);
    margin: 0; }
  .title-page .title {
    font-size: 2rem; } }

@media only screen and (max-width: 768px) {
  .gridder-bildbereich {
    margin: 40px 0 0 0;
    padding: 0;
    border: 0; }
    .gridder-bildbereich .swiper-container {
      margin: 2px;
      padding: 0; }
  .grid h2 {
    padding: 15px 0 0 0;
    font-size: 26px;
    line-height: normal; }
  .menu-nav {
    margin: 22px 10px 0 0; }
  #navigation-mobile li a {
    padding: 20px 10px 20px 0; } }

.gridder-nav {
  display: none !important; }

/*# sourceMappingURL=custom.css.map */