@charset "UTF-8";
/* -------------------------------- Webseite -------------------------------- */
/* --------------------------------- Cookie --------------------------------- */
/* -------------------------------- ALLGEMEIN ------------------------------- */
.container {
  max-width: 1320px;
}
a:hover {
  color: var(--vision-color-secondary);
}
.mb-15 {
  margin-bottom: 15px !important;
}
.light-bg {
  background-color: #fdfdff !important;
}
.border-radius-5 {
  border-radius: 5px !important;
}
.green {
  color: var(--vision-color-secondary) !important;
}
.btn {
  background: var(--vision-color-primary);
  border-color: var(--vision-color-primary);
}
.second-header-btn .btn {
  background-color: var(--vision-color-primary);
  color: #fff;
}
.second-header-btn .btn:hover {
  background: var(--vision-color-secondary);
}
.second-header-btn .btn::before {
  background: var(--vision-color-secondary);
}
.btn:hover::before {
  background-color: var(--vision-color-secondary);
}
#scrollUp {
  background-color: var(--vision-color-secondary);
}
main.subpage:before {
  content: "";
  background-color: var(--vision-color-secondary);
  filter: brightness(0.9);
  position: relative;
  width: 100%;
  height: 265px;
  display: block;
  margin-bottom: 50px;
}
/* ---------------------------------- MENÜ ---------------------------------- */
.header {
  margin-top: 0 !important;
  margin-bottom: 0;
}
.header .second-menu {
  margin-top: 14px !important;
}
.main-menu ul li:hover > a {
  color: var(--vision-color-primary);
}
/* --------------------------------- CONTENT -------------------------------- */
/* SLIDER */
.myVideo-outer {
  position: relative;
}
#myVideo {
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#header-sticky {
  position: absolute;
  width: 100%;
  top: 0;
}
.slider-bg2 {
  height: 100vh !important;
  min-height: unset !important;
}
.slider-area {
  background: linear-gradient(0deg, #00000038 0%, #fff4 1000%) !important;
}
.slider-content h2 span, .slider-content h5 {
  color: var(--vision-color-primary);
}
/* SERVICES CARDS */
.section-title h5 {
  color: var(--vision-color-secondary);
}
#services-05 .services-box-05 {
  background-color: #f7f9ff;
}
#services-05 .services-box-05 .services-icon-05 {
  position: relative;
  overflow: hidden;
}
/* TEAM */
.about-area h3, .about-area h5, .about-area h6 {
  margin-bottom: 20px;
}
.about-area .team-contact {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-left: 5px;
}
.about-area .team-contact .fa-envelope {
  font-size: 50px;
  color: var(--vision-color-primary);
  transition: 0.3s ease;
  margin-right: 15px;
}
.about-area .team-contact .mail {
  text-decoration: underline;
  font-size: 22px;
  font-weight: 500;
}
.about-area .team-contact:hover .fa-envelope {
  color: var(--vision-color-secondary);
}
.about-area .s-about-img .team-img {
  /*  width: 720px;
    height: 480px;
    object-fit: cover;
    object-position: center center; */
  max-width: 100%;
}
/* PHILOSPHIE */
#philosophy ul li {
  margin: 15px 0;
  text-align: left;
  display: flex;
}
#philosophy ul li .fa-check {
  font-size: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
/* KONTAKTFORMULAR */
.newslater-area {
  background-size: cover !important;
  background-color: #142e5a !important;
  margin-bottom: 0;
}
.newslater-area .col-xl-4 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.newslater-area .form-group label, .newslater-area .form-check label {
  color: #fff;
}
.newslater-area .form-group #form_nachricht, .newslater-area .form-check #form_nachricht {
  height: 80px;
}
.newslater-area .form-group .form-check-label a, .newslater-area .form-check .form-check-label a {
  color: var(--vision-color-primary);
}
.newslater-area .contact-submit {
  margin-top: 15px;
}
.newslater-area .contact-submit:hover {
  border-color: var(--vision-color-primary);
}
/* VIDEO */
#video .col-12 {
  padding-left: 0;
}
#video .col-12 .s-video-wrap {
  width: 500px;
  height: 300px;
}
/* KUNDEN */
.testimonial-area .single-testimonial .testi-author img {
  width: 100px;
  height: auto;
}
.testimonial-area .single-testimonial .ta-info span {
  color: var(--vision-color-secondary);
}
.testimonial-area .testimonial-active .slick-prev, .testimonial-area .testimonial-active .slick-next {
  width: 100%;
  left: 0;
  right: 0;
  height: 0;
}
.testimonial-area .testimonial-active .slick-prev .fa, .testimonial-area .testimonial-active .slick-next .fa {
  color: var(--vision-color-primary);
  position: absolute;
  font-size: 40px;
  transition: 0.3s ease;
  top: -10px;
}
.testimonial-area .testimonial-active .slick-prev .fa:hover, .testimonial-area .testimonial-active .slick-next .fa:hover {
  color: var(--vision-color-secondary);
}
.testimonial-area .testimonial-active .slick-prev:before, .testimonial-area .testimonial-active .slick-next:before {
  display: none;
}
.testimonial-area .testimonial-active .slick-prev .fa {
  left: -50px;
}
.testimonial-area .testimonial-active .slick-prev .fa:hover {
  transform: translateX(-5px);
}
.testimonial-area .testimonial-active .slick-next .fa {
  right: -50px;
}
.testimonial-area .testimonial-active .slick-next .fa:hover {
  transform: translateX(5px);
}
.testimonial-area .testimonial-active .slick-dots .slick-active button {
  background-color: var(--vision-color-secondary);
}
/* FAQ */
.faq-area .faq-wrap .card .card-header .faq-btn {
  color: var(--vision-color-secondary);
  border-color: var(--vision-color-secondary);
}
.faq-area .faq-wrap .card .card-header .faq-btn:after {
  color: var(--vision-color-secondary);
}
.faq-area .faq-wrap .card .card-header .faq-btn.collapsed {
  padding-right: 70px;
}
.faq-area .faq-wrap .card .card-body {
  margin-top: 1px;
}
/* CTA */
.step-box .date-box {
  background-color: var(--vision-color-primary);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  place-items: center;
}
.step-box .date-box svg {
  fill: #fff;
}
/* KONTAKT */
.newslater-area img {
  height: 500px;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}
/* FOOTER  */
.footer-bg {
  background-color: #060e1b;
  background-image: unset;
}
.f-widget-title h2::before, .footer-widget .widgettitle::before {
  background-color: var(--vision-color-primary);
}
.f-contact i {
  background-color: var(--vision-color-primary);
}
.copyright-wrap {
  background-color: #050b16;
}
.copyright-wrap li::before {
  background-color: var(--vision-color-primary);
}
/*# sourceMappingURL=../../template/css/_maps/zz_custom.map */