.astroid-offcanvas {width: 320px;} .astroid-offcanvas .dropdown-menus {width: 320px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-320px, 0, 0);transform:translate3d(-320px, 0, 0);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}#top{padding-top:10px;padding-bottom:10px}#portfolio{color:rgb(255, 255, 255);padding-top:5%;padding-bottom:5%}#join{background-color:rgb(245, 245, 245);padding-top:5%;padding-bottom:5%}#ba1-y3lgxn9n8{padding-top:30px;padding-bottom:30px}#bab-em1369t3e{color:rgb(255, 255, 255);padding:0px 0px 0px 0px}#bab-em1369t3e a{color:rgb(255, 255, 255);}#bab-em1369t3e a:hover{color:rgb(255, 255, 255);}#bb1-48do7fz8h{color:rgb(255, 255, 255);}#team{padding:0% 0% 0% 0%}#be2-xcg7axca6{padding:20px 20px 20px 20px}#contact{background-color:rgb(34, 34, 34);color:rgb(255, 255, 255);padding-top:3%;padding-bottom:3%}#contact a{color:rgb(204, 204, 204);}#contact a:hover{color:rgb(255, 255, 255);}#f2c-qe89el34j{padding-top:4px;padding-bottom:4px}#f-oel6e1bpp{background-color:rgb(68, 68, 68);color:rgb(204, 204, 204);padding-top:10px;padding-bottom:10px}#f-oel6e1bpp a{color:rgb(170, 170, 170);}#f-oel6e1bpp a:hover{color:rgb(255, 255, 255);}body, .body{font-weight:400;text-transform:none;font-size:1px;letter-spacing:0em;line-height:1.7em;font-family:Abel, Arial, Helvetica, sans-serif;}h1, .h1{font-weight:800;text-transform:none;font-size:3px;letter-spacing:0.08em;line-height:1.3em;font-family:Dosis, Arial, Helvetica, sans-serif;}h2, .h2{font-weight:700;text-transform:none;font-size:30px;letter-spacing:0rem;line-height:1.3em;font-family:Ubuntu, Arial, Helvetica, sans-serif;}h3, .h3{font-weight:700;text-transform:none;font-size:24px;letter-spacing:0em;line-height:1.3em;font-family:Ubuntu, Arial, Helvetica, sans-serif;}h4, .h4{font-weight:300;text-transform:none;font-size:20px;letter-spacing:0em;line-height:1.4em;font-family:Ubuntu, Arial, Helvetica, sans-serif;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-weight:600;text-transform:uppercase;font-size:15px;letter-spacing:0px;line-height:1.6em;font-family:Abel, Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-weight:500;text-transform:none;font-size:15px;letter-spacing:0px;line-height:1.6em;font-family:Abel, Arial, Helvetica, sans-serif;}body{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);}body a{color:rgb(34, 34, 34);}body a:hover{color:rgb(52, 152, 219);}header{color:rgb(255, 255, 255);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(38, 41, 46);}.astroid-logo-text .site-title{color:rgb(0, 0, 0);}.astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}#astroid-sticky-header{background-color:rgb(47, 50, 56);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(52, 152, 219);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(52, 152, 219);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(255, 255, 255);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(52, 152, 219);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(52, 152, 219);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(204, 204, 204);}.megamenu-container{background-color:rgb(34, 34, 34);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(34, 34, 34);}.has-megamenu.open .arrow{border-bottom-color:rgb(34, 34, 34);}.megamenu-container li.nav-item-submenu > a{color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(52, 152, 219);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(51, 51, 51);}.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-offcanvas { color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-offcanvas .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(52, 152, 219) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color: rgb(153, 153, 153);}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu, .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-mobilemenu { color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(52, 152, 219) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(242, 242, 242) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color: rgb(153, 153, 153);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color: rgb(204, 204, 204);}.astroid-contact-info i[class*="fa-"]{color:rgb(253, 126, 20);}/* ===============================
   FIN FINAL CLEAN CSS
   Replace all old Custom CSS with this
   =============================== */


/* GLOBAL FONT */
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  color: #111111 !important;
}

h1, h2, h3, h4, h5, h6,
.astroid-heading,
.module-title {
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px;
}


/* ===============================
   HEADER CLEAN FIX
   =============================== */

#astroid-header,
.astroid-header,
.astroid-header-section,
.astroid-header-sticky,
.header,
.navbar,
.navbar-default {
  background: #0f0f0f !important;
  border: none !important;
  min-height: 68px !important;
  height: 68px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#astroid-header .container,
.astroid-header .container,
.astroid-header-section .container,
.navbar .container {
  max-width: 1320px !important;
  margin: 0 auto !important;
  height: 68px !important;
  min-height: 68px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}


/* ===============================
   FIN LOGO FIX
   IMPORTANT: no squeezing
   =============================== */

#astroid-header .astroid-logo,
#astroid-header .astroid-logo a,
#astroid-header .navbar-brand,
.astroid-header .astroid-logo,
.astroid-header .astroid-logo a,
.astroid-header .navbar-brand,
.logo,
.header-logo {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  margin: 0 28px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* Logo image: keep natural ratio, do not narrow */
#astroid-header .astroid-logo img,
#astroid-header .navbar-brand img,
.astroid-header .astroid-logo img,
.astroid-header .navbar-brand img,
.logo img,
.header-logo img {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  transform: none !important;
}

/* Hide duplicate logo if template loads two */
#astroid-header .astroid-logo img:not(:first-of-type),
#astroid-header .navbar-brand img:not(:first-of-type),
.astroid-header .astroid-logo img:not(:first-of-type),
.astroid-header .navbar-brand img:not(:first-of-type) {
  display: none !important;
}


/* ===============================
   MENU FIX
   =============================== */

.astroid-nav,
.navbar-nav,
.nav.menu {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.astroid-nav > li > a,
.navbar-nav > li > a,
.nav.menu > li > a,
#astroid-header a,
.astroid-header a,
.navbar a {
  color: #ffffff !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.25px !important;
  text-transform: uppercase !important;
  padding: 24px 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.astroid-nav > li > a:hover,
.navbar-nav > li > a:hover,
.nav.menu > li > a:hover,
.astroid-nav .active > a,
.navbar-nav .active > a,
.nav.menu .active > a,
#astroid-header a:hover,
.astroid-header a:hover {
  color: #1fbf75 !important;
}


/* Hide desktop hamburger */
.astroid-header .burger-menu-button,
.astroid-header .offcanvas-toggle,
.astroid-header .menu-toggler,
.astroid-header .navbar-toggler,
#astroid-header .burger-menu-button,
#astroid-header .offcanvas-toggle,
#astroid-header .menu-toggler,
#astroid-header .navbar-toggler {
  display: none !important;
}


/* ===============================
   HOMEPAGE HERO TEXT
   =============================== */

.tp-caption,
.tp-caption h1,
.uk-slideshow h1,
.uk-slider h1,
.hero h1,
.slideshow h1,
.sprocket-features-title,
.sprocket-features-content h1 {
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-size: 64px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  max-width: 1050px !important;
  white-space: normal !important;
  text-shadow: 0 8px 25px rgba(0,0,0,0.22) !important;
}


/* ===============================
   TEXT VISIBILITY FIX
   =============================== */

body p,
body .custom p,
body .item-page p,
body .module p,
body .moduletable p,
body article p,
body section p,
body div p {
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body a,
body .btn,
body button,
body input[type="submit"],
body input[type="button"] {
  opacity: 1 !important;
  visibility: visible !important;
}

body div[style*="background:white"] p,
body div[style*="background:#ffffff"] p,
body div[style*="background: white"] p {
  color: #555555 !important;
}

body div[style*="background:#111"] p,
body div[style*="background:#171717"] p,
body div[style*="background:#181818"] p,
body div[style*="background:#0f0f0f"] p {
  color: #d6d6d6 !important;
}


/* ===============================
   TEAM SECTION FIX
   =============================== */

#bottom-b p,
.bottom-b p,
[class*="bottom-b"] p,
body .uk-slider p,
body .uk-slideshow p,
body .uk-card p,
body [class*="team"] p,
body [class*="Team"] p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  opacity: 1 !important;
  color: #d6d6d6 !important;
}

#bottom-b h3,
.bottom-b h3,
[class*="bottom-b"] h3 {
  font-size: 26px !important;
  line-height: 1.25 !important;
}


/* ===============================
   TEAM ARROWS
   =============================== */

.fin-team-arrows {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  z-index: 99;
  pointer-events: none;
}

.fin-team-prev,
.fin-team-next {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: #1fbf75;
  color: #ffffff;
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  pointer-events: auto;
}

.fin-team-prev {
  left: 18px;
}

.fin-team-next {
  right: 18px;
}

.fin-team-prev:hover,
.fin-team-next:hover {
  background: #ffffff;
  color: #111111;
}


/* ===============================
   HOMEPAGE HERO IMAGE
   =============================== */

.home-hero-image {
  width: 100%;
  height: 620px;
  overflow: hidden;
  background: #f5f7f7;
}

.home-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}


/* ===============================
   LAPTOP VIEW
   =============================== */

@media (max-width: 1200px) {
  .tp-caption,
  .tp-caption h1,
  .uk-slideshow h1,
  .uk-slider h1,
  .hero h1,
  .slideshow h1,
  .sprocket-features-title,
  .sprocket-features-content h1 {
    font-size: 52px !important;
    line-height: 1.1 !important;
  }

  .astroid-nav > li > a,
  .navbar-nav > li > a,
  .nav.menu > li > a {
    font-size: 12px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #astroid-header .astroid-logo,
  #astroid-header .navbar-brand,
  .astroid-header .astroid-logo,
  .astroid-header .navbar-brand {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin-right: 18px !important;
  }
}


/* ===============================
   MOBILE VIEW
   =============================== */

@media (max-width: 991px) {
  #astroid-header,
  .astroid-header,
  .astroid-header-section,
  .navbar,
  .header {
    height: auto !important;
    min-height: 58px !important;
  }

  #astroid-header .container,
  .astroid-header .container,
  .astroid-header-section .container,
  .navbar .container {
    height: auto !important;
    min-height: 58px !important;
  }

  #astroid-header .astroid-logo,
  #astroid-header .navbar-brand,
  .astroid-header .astroid-logo,
  .astroid-header .navbar-brand {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin-right: 12px !important;
  }

  #astroid-header .astroid-logo img,
  #astroid-header .navbar-brand img,
  .astroid-header .astroid-logo img,
  .astroid-header .navbar-brand img {
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
  }

  .astroid-header .burger-menu-button,
  .astroid-header .offcanvas-toggle,
  .astroid-header .menu-toggler,
  .astroid-header .navbar-toggler,
  #astroid-header .burger-menu-button,
  #astroid-header .offcanvas-toggle,
  #astroid-header .menu-toggler,
  #astroid-header .navbar-toggler {
    display: block !important;
  }

  .tp-caption,
  .tp-caption h1,
  .uk-slideshow h1,
  .uk-slider h1,
  .hero h1,
  .slideshow h1,
  .sprocket-features-title,
  .sprocket-features-content h1 {
    font-size: 34px !important;
    line-height: 1.15 !important;
    max-width: 92% !important;
  }

  .home-hero-image {
    height: 460px;
  }
}/* REMOVE GAP BETWEEN HERO AND BLOG SECTION */
#top-f,
.top-f,
.astroid-position-top-f,
.astroid-section-top-f,
section[class*="top-f"],
div[class*="top-f"],
#top-c,
.top-c,
.astroid-position-top-c,
.astroid-section-top-c,
section[class*="top-c"],
div[class*="top-c"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* REMOVE EMPTY SPACE ABOVE BLOG MODULE */
.fin-blog-section-clean,
div[style*="FIN Insights"],
div[style*="Mitarbeiter-Blog"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 50 !important;
}

/* HIDE ANY OVERFLOWING OLD BACKGROUND IMAGE */
body,
.site,
.astroid-container,
.astroid-content,
.astroid-layout,
.astroid-section {
  overflow-x: hidden !important;
}/* ===============================
   FIN FINAL CLEAN CSS
   Replace all old Custom CSS with this
   =============================== */


/* GLOBAL FONT */
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  color: #111111 !important;
}

h1, h2, h3, h4, h5, h6,
.astroid-heading,
.module-title {
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px;
}


/* ===============================
   HEADER CLEAN FIX
   =============================== */

#astroid-header,
.astroid-header,
.astroid-header-section,
.astroid-header-sticky,
.header,
.navbar,
.navbar-default {
  background: #0f0f0f !important;
  border: none !important;
  min-height: 68px !important;
  height: 68px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#astroid-header .container,
.astroid-header .container,
.astroid-header-section .container,
.navbar .container {
  max-width: 1320px !important;
  margin: 0 auto !important;
  height: 68px !important;
  min-height: 68px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}


/* ===============================
   FIN LOGO FIX
   IMPORTANT: no squeezing
   =============================== */

#astroid-header .astroid-logo,
#astroid-header .astroid-logo a,
#astroid-header .navbar-brand,
.astroid-header .astroid-logo,
.astroid-header .astroid-logo a,
.astroid-header .navbar-brand,
.logo,
.header-logo {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  margin: 0 28px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* Logo image: keep natural ratio, do not narrow */
#astroid-header .astroid-logo img,
#astroid-header .navbar-brand img,
.astroid-header .astroid-logo img,
.astroid-header .navbar-brand img,
.logo img,
.header-logo img {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  transform: none !important;
}

/* Hide duplicate logo if template loads two */
#astroid-header .astroid-logo img:not(:first-of-type),
#astroid-header .navbar-brand img:not(:first-of-type),
.astroid-header .astroid-logo img:not(:first-of-type),
.astroid-header .navbar-brand img:not(:first-of-type) {
  display: none !important;
}


/* ===============================
   MENU FIX
   =============================== */

.astroid-nav,
.navbar-nav,
.nav.menu {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.astroid-nav > li > a,
.navbar-nav > li > a,
.nav.menu > li > a,
#astroid-header a,
.astroid-header a,
.navbar a {
  color: #ffffff !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.25px !important;
  text-transform: uppercase !important;
  padding: 24px 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.astroid-nav > li > a:hover,
.navbar-nav > li > a:hover,
.nav.menu > li > a:hover,
.astroid-nav .active > a,
.navbar-nav .active > a,
.nav.menu .active > a,
#astroid-header a:hover,
.astroid-header a:hover {
  color: #1fbf75 !important;
}


/* Hide desktop hamburger */
.astroid-header .burger-menu-button,
.astroid-header .offcanvas-toggle,
.astroid-header .menu-toggler,
.astroid-header .navbar-toggler,
#astroid-header .burger-menu-button,
#astroid-header .offcanvas-toggle,
#astroid-header .menu-toggler,
#astroid-header .navbar-toggler {
  display: none !important;
}


/* ===============================
   HOMEPAGE HERO TEXT
   =============================== */

.tp-caption,
.tp-caption h1,
.uk-slideshow h1,
.uk-slider h1,
.hero h1,
.slideshow h1,
.sprocket-features-title,
.sprocket-features-content h1 {
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-size: 64px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  max-width: 1050px !important;
  white-space: normal !important;
  text-shadow: 0 8px 25px rgba(0,0,0,0.22) !important;
}


/* ===============================
   TEXT VISIBILITY FIX
   =============================== */

body p,
body .custom p,
body .item-page p,
body .module p,
body .moduletable p,
body article p,
body section p,
body div p {
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body a,
body .btn,
body button,
body input[type="submit"],
body input[type="button"] {
  opacity: 1 !important;
  visibility: visible !important;
}

body div[style*="background:white"] p,
body div[style*="background:#ffffff"] p,
body div[style*="background: white"] p {
  color: #555555 !important;
}

body div[style*="background:#111"] p,
body div[style*="background:#171717"] p,
body div[style*="background:#181818"] p,
body div[style*="background:#0f0f0f"] p {
  color: #d6d6d6 !important;
}


/* ===============================
   TEAM SECTION FIX
   =============================== */

#bottom-b p,
.bottom-b p,
[class*="bottom-b"] p,
body .uk-slider p,
body .uk-slideshow p,
body .uk-card p,
body [class*="team"] p,
body [class*="Team"] p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  opacity: 1 !important;
  color: #d6d6d6 !important;
}

#bottom-b h3,
.bottom-b h3,
[class*="bottom-b"] h3 {
  font-size: 26px !important;
  line-height: 1.25 !important;
}


/* ===============================
   TEAM ARROWS
   =============================== */

.fin-team-arrows {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  z-index: 99;
  pointer-events: none;
}

.fin-team-prev,
.fin-team-next {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: #1fbf75;
  color: #ffffff;
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  pointer-events: auto;
}

.fin-team-prev {
  left: 18px;
}

.fin-team-next {
  right: 18px;
}

.fin-team-prev:hover,
.fin-team-next:hover {
  background: #ffffff;
  color: #111111;
}


/* ===============================
   HOMEPAGE HERO IMAGE
   =============================== */

.home-hero-image {
  width: 100%;
  height: 620px;
  overflow: hidden;
  background: #f5f7f7;
}

.home-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}


/* ===============================
   LAPTOP VIEW
   =============================== */

@media (max-width: 1200px) {
  .tp-caption,
  .tp-caption h1,
  .uk-slideshow h1,
  .uk-slider h1,
  .hero h1,
  .slideshow h1,
  .sprocket-features-title,
  .sprocket-features-content h1 {
    font-size: 52px !important;
    line-height: 1.1 !important;
  }

  .astroid-nav > li > a,
  .navbar-nav > li > a,
  .nav.menu > li > a {
    font-size: 12px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #astroid-header .astroid-logo,
  #astroid-header .navbar-brand,
  .astroid-header .astroid-logo,
  .astroid-header .navbar-brand {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin-right: 18px !important;
  }
}


/* ===============================
   MOBILE VIEW
   =============================== */

@media (max-width: 991px) {
  #astroid-header,
  .astroid-header,
  .astroid-header-section,
  .navbar,
  .header {
    height: auto !important;
    min-height: 58px !important;
  }

  #astroid-header .container,
  .astroid-header .container,
  .astroid-header-section .container,
  .navbar .container {
    height: auto !important;
    min-height: 58px !important;
  }

  #astroid-header .astroid-logo,
  #astroid-header .navbar-brand,
  .astroid-header .astroid-logo,
  .astroid-header .navbar-brand {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin-right: 12px !important;
  }

  #astroid-header .astroid-logo img,
  #astroid-header .navbar-brand img,
  .astroid-header .astroid-logo img,
  .astroid-header .navbar-brand img {
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
  }

  .astroid-header .burger-menu-button,
  .astroid-header .offcanvas-toggle,
  .astroid-header .menu-toggler,
  .astroid-header .navbar-toggler,
  #astroid-header .burger-menu-button,
  #astroid-header .offcanvas-toggle,
  #astroid-header .menu-toggler,
  #astroid-header .navbar-toggler {
    display: block !important;
  }

  .tp-caption,
  .tp-caption h1,
  .uk-slideshow h1,
  .uk-slider h1,
  .hero h1,
  .slideshow h1,
  .sprocket-features-title,
  .sprocket-features-content h1 {
    font-size: 34px !important;
    line-height: 1.15 !important;
    max-width: 92% !important;
  }

  .home-hero-image {
    height: 460px;
  }
}/* REMOVE GAP BETWEEN HERO AND BLOG SECTION */
#top-f,
.top-f,
.astroid-position-top-f,
.astroid-section-top-f,
section[class*="top-f"],
div[class*="top-f"],
#top-c,
.top-c,
.astroid-position-top-c,
.astroid-section-top-c,
section[class*="top-c"],
div[class*="top-c"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* REMOVE EMPTY SPACE ABOVE BLOG MODULE */
.fin-blog-section-clean,
div[style*="FIN Insights"],
div[style*="Mitarbeiter-Blog"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 50 !important;
}

/* HIDE ANY OVERFLOWING OLD BACKGROUND IMAGE */
body,
.site,
.astroid-container,
.astroid-content,
.astroid-layout,
.astroid-section {
  overflow-x: visible !important;
  
}@media (max-width: 991.98px) {body, .body{font-size:1rem;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:3rem;letter-spacing:0em;line-height:1.3em;}h2, .h2{font-size:30px;letter-spacing:0em;line-height:1.3em;}h3, .h3{font-size:24px;letter-spacing:0em;line-height:1.3em;}h4, .h4{font-size:20px;letter-spacing:0em;line-height:1.2em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:15px;letter-spacing:0em;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:14px;letter-spacing:0em;line-height:1.6em;}}@media (max-width: 767.98px) {body, .body{font-size:1rem;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:3rem;letter-spacing:0em;line-height:1.3em;}h2, .h2{font-size:30px;letter-spacing:0em;line-height:1.3em;}h3, .h3{font-size:20px;letter-spacing:0em;line-height:1.2em;}h4, .h4{font-size:18px;letter-spacing:0em;line-height:1.2em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:14px;letter-spacing:0em;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:15px;letter-spacing:0em;line-height:1.6em;}}