/*
  Theme Name: kommpass gmbh
  Author: Lena Hinnen
  Version: 1.0
 */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
html, body {
  overflow-x: hidden;
  font-family: "Lato", sans-serif;
}

@media (max-width: 850px) {
  h1.elementor-heading-title, h2.elementor-heading-title {
    font-size: 2.5em !important;
  }
}
@media (max-width: 460px) {
  h1.elementor-heading-title, h2.elementor-heading-title {
    font-size: 1.5em !important;
  }
}

@media (max-width: 460px) {
  h3.elementor-heading-title, h4.elementor-heading-title {
    font-size: 1.1em !important;
  }
}

a {
  color: #8A1A1E;
}
a:hover {
  color: #CC8C26;
}

ul {
  list-style-position: inside;
  padding-left: 0;
}

#nav-bar {
  background: transparent linear-gradient(90deg, #CEA722 0%, #FFF4A3 56%, #CC8C26 100%) 0% 0% no-repeat padding-box;
}
#nav-bar nav {
  position: relative;
}
#nav-bar nav::before, #nav-bar nav::after {
  content: "";
  position: absolute;
  background-color: #81140a;
  top: 0;
  bottom: 0;
  width: calc((100% - 1195.13px) / 2);
}
#nav-bar nav::before {
  left: 0;
}
#nav-bar nav::after {
  right: 0;
}
#nav-bar ul li a {
  background-color: #81140a;
  padding-top: 20px;
  padding-bottom: 20px;
}
#nav-bar ul li a.elementor-item-active, #nav-bar ul li a:hover {
  background-color: transparent !important;
  color: #193b32 !important;
}

.swiper-wrapper .swiper-slide:first-child .elementor-carousel-image {
  height: 100px !important;
}

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