@charset "UTF-8";
/* --------------------------------- General -------------------------------- */
h1, .h1 {
  margin-top: 0;
  font-size: 60px;
  line-height: 1.2em; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Oswald", sans-serif;
  color: #06163a; }

body {
  font-size: 16px; }

p {
  line-height: 1.5em; }

a {
  color: var(--vision-color-primary); }
  a:hover {
    opacity: 0.7;
    color: var(--vision-color-primary); }
  a:focus {
    color: var(--vision-color-primary); }

ul {
  /* list-style-position: outside; */
  margin-left: 15px;
  margin-bottom: 20px !important; }
  ul li {
    color: #727780;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding-left: 0 !important;
    margin-top: 0 !important;
    /* color: #727780;
    margin-bottom: 5px; */ }

/* ---------------------------------- Menü ---------------------------------- */
.menu-container {
  margin-bottom: 50px; }

.site-header #navbar {
  width: 100%; }

/* ------------------------------- Startseite ------------------------------- */
.hero {
  height: unset;
  min-height: none; }
  .hero .slide {
    height: 80vh; }
    .hero .slide .hero-img {
      position: absolute;
      right: 0;
      width: 600px;
      height: 100%;
      padding-right: 50px;
      z-index: 7;
      object-fit: scale-down; }
    .hero .slide .container {
      display: block; }
      .hero .slide .container .row {
        display: inherit; }
        .hero .slide .container .row .slide-caption {
          text-align: left;
          margin-top: calc(200px + 100px); }
          .hero .slide .container .row .slide-caption h2 {
            margin-top: 0;
            margin-bottom: 30px;
            font-size: 3em;
            text-transform: unset; }
          .hero .slide .container .row .slide-caption ul {
            margin-left: 20px;
            margin-top: 10px; }
            .hero .slide .container .row .slide-caption ul li {
              margin-bottom: 0; }
          .hero .slide .container .row .slide-caption p, .hero .slide .container .row .slide-caption li {
            color: #fff;
            text-transform: unset;
            font-family: "Oswald", sans-serif;
            font-size: 1.3em;
            font-weight: 300;
            letter-spacing: 0px; }
    .hero .slide .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      /* background: linear-gradient( 180deg, rgba(2, 0, 36, 1) 0%, rgb(241 0 35 / 54%) 100%);
      backdrop-filter: blur(4px); */
      background-image: url("/template/images/backgrounds/BannerBG.jpg");
      background-position: right;
      background-size: cover; }

.features-section {
  margin-top: -150px; }
  .features-section .features-grids {
    display: flex; }

.start h1 {
  font-size: 60px;
  margin-top: 0;
  margin-bottom: 30px; }
.start .h4 {
  font-size: 1.7em;
  line-height: 1.4em;
  margin-bottom: 30px; }

.cta-s2-section .row {
  display: flex; }
  .cta-s2-section .row .contact-btn {
    display: flex;
    align-items: center;
    height: 100%; }

.cta-section {
  background-color: #fff;
  box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06); }
  .cta-section .cta-text h2 {
    margin-bottom: 15px;
    color: var(--vision-color-secondary);
    line-height: 1.3em; }
  .cta-section .cta-text p {
    font-size: 1em;
    line-height: 1.3em; }
  .cta-section .contact-info h4 {
    color: var(--vision-color-secondary); }

.feature-projects-s2 .projects-grids .grid, .projects-pg-section-s2 .projects-grids .grid {
  width: calc(25% - 30px); }
  .feature-projects-s2 .projects-grids .grid .details, .projects-pg-section-s2 .projects-grids .grid .details {
    padding: 0;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .feature-projects-s2 .projects-grids .grid .details h3:before, .projects-pg-section-s2 .projects-grids .grid .details h3:before {
      content: none; }

#contact-form .custom-checkbox {
  display: flex; }
  #contact-form .custom-checkbox input {
    height: 13px;
    margin-right: 10px; }
  #contact-form .custom-checkbox label {
    font-weight: 400; }

.fun-fact-section {
  background-color: #fff;
  padding: 100px 0; }
  .fun-fact-section h3 {
    color: var(--vision-color-secondary); }
  .fun-fact-section p {
    color: #333; }

.fun-fact-section .grid .icon img {
  width: 70px;
  height: 70px; }

/* ------------------------------- Unterseite ------------------------------- */
.page-title {
  background: none;
  background-color: var(--vision-color-secondary); }

.sidemenu .nav-item.active a {
  background-color: #0a172b;
  color: #fff !important; }

.service-sidebar .service-list-widget ul {
  margin: 0; }
  .service-sidebar .service-list-widget ul li {
    margin: 0; }
.service-sidebar .contact-widget {
  padding: 30px; }
  .service-sidebar .contact-widget p, .service-sidebar .contact-widget h4 {
    color: #fff; }

/* -------------------------------- Services -------------------------------- */
.services .service-outer:nth-child(2n) {
  box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06); }
.services .service-item {
  display: flex;
  min-height: 400px; }
  .services .service-item .service-content {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .services .service-item .service-content h2 {
      margin-top: 0;
      font-size: 35px;
      margin-bottom: 15px; }
  .services .service-item img {
    height: 100%;
    object-fit: scale-down; }
  .services .service-item .order-1 {
    order: 1; }
  .services .service-item .order-2 {
    order: 2; }

.download-widget a {
  padding: 7px 20px;
  border-radius: 0;
  background-color: var(--vision-color-secondary);
  color: #fff;
  border: 0;
  font-size: 1em;
  font-weight: 500; }
  .download-widget a i {
    margin-right: 15px;
    color: #fff;
    transition: 0.2s; }
  .download-widget a:hover {
    color: #000; }
    .download-widget a:hover i {
      color: #000;
      transition: 0.2s; }

.service-single-content ul {
  list-style: disc !important; }

/* --------------------------------- Footer --------------------------------- */
.site-footer ul {
  margin: 0; }
  .site-footer ul li {
    margin: 0; }

/* ------------------------------ Unsere Kunden ----------------------------- */
.referenzen-outer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: 0.3s; }
.referenzen-outer span {
  position: absolute;
  width: 100%;
  transform: translateY(-10px);
  opacity: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  transition: 0.3s; }
  .referenzen-outer:hover img {
    filter: grayscale(0);
    transition: 0.3s; }
  .referenzen-outer:hover span {
    transform: translateY(0px);
    opacity: 1;
    transition: 0.3s; }

/* --------------------------------- Footer --------------------------------- */
.cta-s2-section .h3 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.4em;
  color: #fff; }

.site-footer .widget-title .h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #ebebeb;
  margin: -0.13em 0 0;
  text-transform: uppercase; }