@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
body, html {
  font-family: 'Ubuntu', sans-serif;
  width: 100%;
  height: 100%;
  background-color: var(--base-body-color);
  color: var(--base-font-color); }

footer {
  background-color: var(--base-footer-color);
  color: var(--base-footer-font-color); }

footer a, footer a:hover, footer a:active {
  text-decoration: none;
  color: var(--base-footer-font-color); }

footer p {
  margin-bottom: 15px;
  margin-top: 15px; }

.loader_overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("img/preloader.gif") 50% 50% no-repeat var(--base-body-color); }

/* navbar */
.navbar {
  background-color: #ffffff; }
  .navbar .navbar-brand {
    color: var(--base-font-color-akcent); }
    .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
      color: var(--base-font-color-akcent); }
  .navbar .navbar-text {
    color: var(--base-font-color-akcent); }
    .navbar .navbar-text a {
      color: var(--base-font-color-akcent); }
      .navbar .navbar-text a:hover, .navbar .navbar-text a:focus {
        color: var(--base-font-color-akcent); }
  .navbar .navbar-nav .nav-link {
    color: var(--base-font-color-akcent);
    border-radius: .25rem;
    margin: 0 0.25em; }
    .navbar .navbar-nav .nav-link:not(.disabled):hover, .navbar .navbar-nav .nav-link:not(.disabled):focus {
      color: var(--base-font-color-akcent); }
  .navbar .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border-color: #ffffff; }
    .navbar .navbar-nav .dropdown-menu .dropdown-item {
      color: var(--base-font-color-akcent); }
      .navbar .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
        color: var(--base-font-color-akcent);
        background-color: #ffffff; }
    .navbar .navbar-nav .dropdown-menu .dropdown-divider {
      border-top-color: #ffffff; }
  .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.active .nav-link:hover, .navbar .navbar-nav .nav-item.active .nav-link:focus, .navbar .navbar-nav .nav-item.show .nav-link, .navbar .navbar-nav .nav-item.show .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: var(--base-font-color-akcent);
    background-color: #ffffff; }
  .navbar .navbar-toggle {
    border-color: #ffffff; }
    .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
      background-color: #ffffff; }
    .navbar .navbar-toggle .navbar-toggler-icon {
      color: var(--base-font-color-akcent); }
  .navbar .navbar-collapse,
  .navbar .navbar-form {
    border-color: var(--base-font-color-akcent); }
  .navbar .navbar-link {
    color: var(--base-font-color-akcent); }
    .navbar .navbar-link:hover {
      color: var(--base-font-color-akcent); }

@media (max-width: 575px) {
  .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: var(--base-font-color-akcent); }
    .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: var(--base-font-color-akcent); }
  .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--base-font-color-akcent);
    background-color: #ffffff; } }
@media (max-width: 767px) {
  .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: var(--base-font-color-akcent); }
    .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: var(--base-font-color-akcent); }
  .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--base-font-color-akcent);
    background-color: #ffffff; } }
@media (max-width: 991px) {
  .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: var(--base-font-color-akcent); }
    .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: var(--base-font-color-akcent); }
  .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--base-font-color-akcent);
    background-color: #ffffff; } }
@media (max-width: 1199px) {
  .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: var(--base-font-color-akcent); }
    .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: var(--base-font-color-akcent); }
  .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--base-font-color-akcent);
    background-color: #ffffff; } }
.navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item {
  color: var(--base-font-color-akcent); }
  .navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: var(--base-font-color-akcent); }
.navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: var(--base-font-color-akcent);
  background-color: #ffffff; }

#mainContentContainer {
  padding-top: 30px;
  padding-bottom: 30px; }

#mainContentContainer.lightColor {
  background-color: var(--base-bgcolor-light-section);
  color: var(--base-font-light-section); }
  #mainContentContainer.lightColor h2 {
    color: var(--base-font-color-akcent); }

/* main page */
.imgOfferItem {
  margin: 10px;
  max-width: 250px;
}

.imgMPitem {
  margin: 10px;
  border: 2px solid #828282;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.imgMPitem:hover {
  -webkit-filter: grayscale(0%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); }

.kontaktBG {
  background: url("img/kontakt_bg.jpg") center top no-repeat transparent;
  background-size: cover;
  height: 100%; }

@media (max-width: 767px) {
  #portfolioCarousel .carousel-inner .carousel-item > div {
    display: none; }

  #portfolioCarousel .carousel-inner .carousel-item > div:first-child {
    display: block; } }
#portfolioCarousel .carousel-inner .carousel-item.active,
#portfolioCarousel .carousel-inner .carousel-item-next,
#portfolioCarousel .carousel-inner .carousel-item-prev {
  display: flex;
  justify-content: center; }

@media (min-width: 992px) {
  #portfolioCarousel .carousel-inner .carousel-item-right.active,
  #portfolioCarousel .carousel-inner .carousel-item-next {
    transform: translateX(16.6%); }

  #portfolioCarousel .carousel-inner .carousel-item-left.active,
  #portfolioCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-16.6%); } }
#portfolioCarousel .carousel-inner .carousel-item-right,
#portfolioCarousel .carousel-inner .carousel-item-left {
  transform: translateX(0); }

#portfolioCarousel .carousel-control-prev-icon,
#portfolioCarousel .carousel-control-next-icon {
  height: 30px;
  width: 30px;
  background-size: 100%, 100%;
  border-radius: 50%;
  background-image: none; }

#portfolioCarousel .carousel-control-next-icon:after {
  content: '>';
  font-size: 35px;
  color: var(--base-font-color-akcent); }

#portfolioCarousel .carousel-control-prev-icon:after {
  content: '<';
  font-size: 35px;
  color: var(--base-font-color-akcent); }

.breadcrumbNoBg {
  background-color: transparent !important; }

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
https://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 4s;
  transition-timing-function: linear; }

.carousel-fade .carousel-inner .active {
  opacity: 1; }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 2; }

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slick-prev::before, .slick-next::before {
  color: var(--base-font-color-akcent); }

.slick-prev {
  left: 5px; }

.slick-next {
  right: 5px; }

#scrollToTopPlease {
  display: inline-block;
  background-color: var(--base-font-color-akcent);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid var(--base-font-color-akcent);
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000; }

#scrollToTopPlease::after {
  content: "\2191";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff; }

#scrollToTopPlease:hover {
  cursor: pointer;
  background-color: var(--base-body-color); }

#scrollToTopPlease:active {
  background-color: var(--base-body-color); }

#scrollToTopPlease.show {
  opacity: 1;
  visibility: visible; }

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

.breadcrumb-item a{
  color: #444;
}

div#mainNavbar {
  background-color: #FFF;
}

button.navbar-toggler{
  background-color: #FFF;
}
nav.navbar.navbar-light.bg-light.navbar-collapse {
  background-color: transparent !important;
  position: absolute;
  margin-top: -57px;
  z-index: 100;
  background: transparent !important;
}


a.pagelink, .pagelink:visited {
  color: #222;
}

hr {
  height: 1px;
  margin: 50px 0;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  border: 0;
}
hr:after {
  display: block;
  content: '';
  height: 30px;
  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 116, color-stop(0%, #cccccc), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(farthest-side at center top, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
}
.posttitle{
  font-size: 1.5em;
}
.mainBanner{
  height: 400px;
}
/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}