.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}#join{background-color:rgb(245, 245, 245);padding-top:5%;padding-bottom:5%}#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;
  
}
/* =====================================================
   FIN HARD FIX: STOP WHITE SIDE PAGE / HORIZONTAL DRAG
   Paste at VERY BOTTOM of Custom CSS
   ===================================================== */

html,
body {
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background-color: #101010 !important;
}

/* Fallback for browsers that do not support overflow: clip */
@supports not (overflow-x: clip) {
  html,
  body {
    overflow-x: hidden !important;
  }
}

/* Force the full page to stay inside viewport */
#astroid-wrapper,
.astroid-wrapper,
.astroid-container,
.astroid-layout,
.astroid-content,
.site,
.body-inner,
main,
#main,
#content {
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: clip !important;
  background-color: #101010 !important;
  position: relative !important;
}

/* Stop Bootstrap row side overflow */
.row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: hidden !important;
}

/* Stop all modules/sections from becoming wider than screen */
.astroid-section,
.astroid-position,
.module,
.moduletable,
.custom,
.item-page,
.container,
.container-fluid,
section,
article {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Important: any direct custom module dark sections should cover full width */
.custom > div,
.moduletable > div,
.module > div {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Slider / UIKit / Revolution slider overflow control */
.uk-slider,
.uk-slider-container,
.uk-slideshow,
.uk-slideshow-items,
.rev_slider_wrapper,
.rev_slider,
.tp-fullwidth-forcer,
.tp-revslider-mainul,
.tp-parallax-wrap,
.tp-loop-wrap,
.tp-mask-wrap {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Images should not create horizontal page width */
img,
video,
iframe {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep dropdowns visible */
#astroid-header,
.astroid-header,
.astroid-header-section,
.astroid-header-sticky,
.navbar,
.astroid-nav,
.navbar-nav,
.astroid-nav > li,
.navbar-nav > li,
.astroid-nav li,
.navbar-nav li,
.astroid-nav .dropdown-menu,
.navbar-nav .dropdown-menu {
  overflow: visible !important;
  z-index: 9999999 !important;
}

/* Desktop only: prevent horizontal drag */
@media (min-width: 992px) {
  body {
    touch-action: pan-y !important;
  }
}
/* =====================================================
   FIN SMALL FIX: FIT KUNDENLOGIN IN TOP HEADER
   Paste this at VERY BOTTOM only
   ===================================================== */

/* Give menu more space */
#astroid-header .container,
.astroid-header .container,
.astroid-header-section .container,
.navbar .container {
  max-width: 100% !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Slightly reduce logo area */
#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: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  margin-right: 12px !important;
}

/* Slightly reduce logo image */
#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 {
  height: 44px !important;
  max-height: 44px !important;
}

/* Make desktop menu fit */
.astroid-nav,
.navbar-nav,
.nav.menu {
  max-width: calc(100vw - 130px) !important;
}

/* Reduce menu spacing only a little */
.astroid-nav > li > a,
.navbar-nav > li > a,
.nav.menu > li > a,
#astroid-header a,
.astroid-header a,
.navbar a {
  font-size: 11px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  letter-spacing: 0px !important;
}
/* =====================================================
   FIN HEADER FINAL TUNE
   Logo stays left, menu moves left, font slightly bigger
   Paste at VERY BOTTOM only
   ===================================================== */

/* Keep header full width */
#astroid-header .container,
.astroid-header .container,
.astroid-header-section .container,
.navbar .container {
  max-width: 100% !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  justify-content: flex-start !important;
}

/* Keep FIN logo at exact left */
#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: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  margin-right: 26px !important;
}

/* Logo size */
#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 {
  height: 47px !important;
  max-height: 47px !important;
}

/* Move menu slightly left and make it larger */
.astroid-nav,
.navbar-nav,
.nav.menu {
  margin-left: 0 !important;
  justify-content: flex-start !important;
  max-width: calc(100vw - 150px) !important;
}

/* Bigger but still fitting */
.astroid-nav > li > a,
.navbar-nav > li > a,
.nav.menu > li > a,
#astroid-header a,
.astroid-header a,
.navbar a {
  font-size: 12.5px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  letter-spacing: 0.2px !important;
}
/* =====================================================
   FIN SAFE FIX: DROPDOWN ABOVE HOMEPAGE SLIDER
   Does NOT disturb slideshow rotation
   Paste at VERY BOTTOM only
   ===================================================== */

/* Header above everything */
#astroid-header,
.astroid-header,
.astroid-header-section,
.astroid-header-sticky,
.header,
.navbar {
  position: relative !important;
  z-index: 99999999 !important;
  overflow: visible !important;
}

/* Header inner wrappers must not cut dropdown */
#astroid-header .container,
.astroid-header .container,
.astroid-header-section .container,
.navbar .container,
#astroid-header .row,
.astroid-header .row,
.astroid-header-section .row {
  overflow: visible !important;
  position: relative !important;
  z-index: 99999999 !important;
}

/* Menu and dropdown visible */
.astroid-nav,
.navbar-nav,
.nav.menu,
.astroid-nav li,
.navbar-nav li,
.nav.menu li {
  overflow: visible !important;
  position: relative !important;
  z-index: 99999999 !important;
}

/* Dropdown itself with dark background */
.astroid-nav ul,
.navbar-nav ul,
.nav.menu ul,
.astroid-nav .dropdown-menu,
.navbar-nav .dropdown-menu,
.nav.menu .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  z-index: 999999999 !important;

  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  min-width: 260px !important;
  padding: 14px 0 !important;
  margin-top: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important;
}

/* Dropdown rows */
.astroid-nav ul li,
.navbar-nav ul li,
.nav.menu ul li,
.astroid-nav .dropdown-menu li,
.navbar-nav .dropdown-menu li,
.nav.menu .dropdown-menu li {
  background: #1f1f1f !important;
  display: block !important;
  width: 100% !important;
}

/* Dropdown links */
.astroid-nav ul li a,
.navbar-nav ul li a,
.nav.menu ul li a,
.astroid-nav .dropdown-menu li a,
.navbar-nav .dropdown-menu li a,
.nav.menu .dropdown-menu li a {
  display: block !important;
  width: 100% !important;
  padding: 13px 18px !important;
  color: #ffffff !important;
  background: #1f1f1f !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

/* Dropdown hover same as website */
.astroid-nav ul li a:hover,
.navbar-nav ul li a:hover,
.nav.menu ul li a:hover,
.astroid-nav .dropdown-menu li a:hover,
.navbar-nav .dropdown-menu li a:hover,
.nav.menu .dropdown-menu li a:hover {
  background: #151515 !important;
  color: #1fbf75 !important;
}

/* Put only the homepage section behind header, NOT the slideshow items */
#top-a,
.top-a,
.astroid-position-top-a,
.astroid-section-top-a,
section[class*="top-a"],
div[class*="top-a"] {
  position: relative !important;
  z-index: 1 !important;
}

/* Keep slideshow working normally */
.uk-slideshow,
.uk-slideshow-items,
.uk-slideshow-items > li,
.uk-slider,
.uk-slider-items,
.uk-slider-items > li {
  z-index: auto !important;
}
/* FIN CTA MENU BUTTON - smaller */
.astroid-nav > li:last-child > a,
.navbar-nav > li:last-child > a,
.nav.menu > li:last-child > a {
  background: #1fbf75 !important;
  color: #ffffff !important;
  padding: 8px 13px !important;
  border-radius: 22px !important;
  font-weight: 900 !important;
  margin-left: 8px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 6px 18px rgba(31,191,117,0.25) !important;
  white-space: nowrap !important;
}

.astroid-nav > li:last-child > a:hover,
.navbar-nav > li:last-child > a:hover,
.nav.menu > li:last-child > a:hover {
  background: #ffffff !important;
  color: #111111 !important;
}
/* =====================================================
   FIN MEGA DROPDOWN FIX - 3 COLUMNS
   Makes long dropdown horizontal / shorter
   Paste at VERY BOTTOM
   ===================================================== */

/* Make dropdown wider and split into columns */
.astroid-nav .dropdown-menu,
.navbar-nav .dropdown-menu,
.nav.menu .dropdown-menu,
.astroid-nav ul,
.navbar-nav ul,
.nav.menu ul {
  width: 760px !important;
  min-width: 760px !important;
  max-width: 760px !important;
  background: #1f1f1f !important;
  padding: 18px 18px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px 14px !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: 0 22px 55px rgba(0,0,0,0.55) !important;
}

/* Each dropdown item fits inside the 3-column layout */
.astroid-nav .dropdown-menu li,
.navbar-nav .dropdown-menu li,
.nav.menu .dropdown-menu li,
.astroid-nav ul li,
.navbar-nav ul li,
.nav.menu ul li {
  width: auto !important;
  display: block !important;
  background: transparent !important;
}

/* Dropdown link style */
.astroid-nav .dropdown-menu li a,
.navbar-nav .dropdown-menu li a,
.nav.menu .dropdown-menu li a,
.astroid-nav ul li a,
.navbar-nav ul li a,
.nav.menu ul li a {
  display: block !important;
  width: auto !important;
  padding: 12px 14px !important;
  background: #1f1f1f !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

/* Hover */
.astroid-nav .dropdown-menu li a:hover,
.navbar-nav .dropdown-menu li a:hover,
.nav.menu .dropdown-menu li a:hover,
.astroid-nav ul li a:hover,
.navbar-nav ul li a:hover,
.nav.menu ul li a:hover {
  background: #151515 !important;
  color: #1fbf75 !important;
}

/* Position dropdown slightly left so it does not go outside screen */
.astroid-nav > li > ul,
.navbar-nav > li > ul,
.nav.menu > li > ul {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* On smaller screens, make it 2 columns */
@media (max-width: 1200px) {
  .astroid-nav .dropdown-menu,
  .navbar-nav .dropdown-menu,
  .nav.menu .dropdown-menu,
  .astroid-nav ul,
  .navbar-nav ul,
  .nav.menu ul {
    width: 560px !important;
    min-width: 560px !important;
    max-width: 560px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* =====================================================
   FIN MOBILE RESPONSIVE FIX
   Paste at VERY BOTTOM of Custom CSS
   Desktop stays same, mobile becomes clean
   ===================================================== */

@media (max-width: 768px) {

  /* ---------- General mobile reset ---------- */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  body {
    font-size: 15px !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ---------- Header / Logo / Menu ---------- */
  #astroid-header,
  .astroid-header,
  .astroid-header-section,
  .header,
  .navbar {
    min-height: auto !important;
    padding: 8px 10px !important;
    position: relative !important;
    z-index: 99999999 !important;
  }

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

  .astroid-nav,
  .navbar-nav,
  .nav.menu {
    width: 100% !important;
    background: #0f0f0f !important;
  }

  .astroid-nav li,
  .navbar-nav li,
  .nav.menu li {
    width: 100% !important;
    display: block !important;
  }

  .astroid-nav li a,
  .navbar-nav li a,
  .nav.menu li a {
    font-size: 13px !important;
    padding: 12px 16px !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }

  /* Green CTA in mobile menu */
  .astroid-nav li:last-child a,
  .navbar-nav li:last-child a,
  .nav.menu li:last-child a {
    display: inline-block !important;
    margin: 8px 14px 12px !important;
    border-radius: 28px !important;
    background: #1fbf75 !important;
    color: #ffffff !important;
    text-align: center !important;
    width: auto !important;
  }

  /* ---------- Mobile dropdowns normal ---------- */
  .astroid-nav > li > ul,
  .navbar-nav > li > ul,
  .nav.menu > li > ul,
  .astroid-nav .dropdown-menu,
  .navbar-nav .dropdown-menu,
  .nav.menu .dropdown-menu {
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    grid-template-columns: none !important;
    transform: none !important;
    left: auto !important;
    padding: 6px 0 !important;
    background: #1a1a1a !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .astroid-nav .dropdown-menu li a,
  .navbar-nav .dropdown-menu li a,
  .nav.menu .dropdown-menu li a,
  .astroid-nav ul li a,
  .navbar-nav ul li a,
  .nav.menu ul li a {
    width: 100% !important;
    padding: 11px 24px !important;
    font-size: 12px !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 0 !important;
  }

  /* ---------- Homepage slideshow / hero ---------- */
  .uk-slideshow,
  .uk-slideshow-items,
  .uk-slideshow-items > li,
  .uk-slider,
  .uk-slider-items,
  .uk-slider-items > li {
    min-height: 430px !important;
    height: 430px !important;
  }

  .uk-slideshow img,
  .uk-slider img,
  .uk-cover {
    height: 430px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .uk-slideshow .uk-overlay,
  .uk-slider .uk-overlay {
    max-width: 90% !important;
    width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    bottom: 28px !important;
    top: auto !important;
    text-align: left !important;
  }

  /* ---------- Big headings everywhere ---------- */
  h1 {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }

  h2 {
    font-size: 26px !important;
    line-height: 1.22 !important;
  }

  h3 {
    font-size: 21px !important;
    line-height: 1.25 !important;
  }

  p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  /* ---------- Fix inline sections/cards from your custom HTML ---------- */
  div[style*="max-width: 1180px"],
  div[style*="max-width: 1050px"],
  div[style*="max-width: 900px"],
  div[style*="max-width: 760px"] {
    max-width: 100% !important;
  }

  div[style*="padding: 45px 20px"],
  div[style*="padding: 50px 20px"],
  div[style*="padding: 34px 18px"] {
    padding: 28px 14px !important;
  }

  div[style*="margin-top: -35px"] {
    margin-top: 0 !important;
  }

  /* ---------- Service circle grid mobile ---------- */
  div[style*="display: grid"][style*="repeat(auto-fit"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  div[style*="width: 230px"][style*="height: 230px"] {
    width: 190px !important;
    height: 190px !important;
    margin-bottom: 18px !important;
  }

  div[style*="width: 230px"][style*="height: 230px"] img {
    width: 100% !important;
    height: 100% !important;
  }

  /* ---------- Flex sections stack on mobile ---------- */
  div[style*="display: flex"] {
    flex-direction: column !important;
  }

  div[style*="flex: 1"],
  div[style*="flex: 1.2"],
  div[style*="flex: 0 0"] {
    width: 100% !important;
    min-width: 100% !important;
    flex: 1 1 100% !important;
  }

  div[style*="border-right"] {
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }

  /* ---------- Contact section mobile ---------- */
  div[style*="justify-content: space-between"] {
    gap: 6px !important;
  }

  div[style*="justify-content: space-between"] span {
    display: block !important;
    margin-top: 3px !important;
  }

  /* ---------- Buttons mobile ---------- */
  a[style*="border-radius"] {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 6px 4px !important;
  }

  a[style*="padding: 15px 34px"],
  a[style*="padding: 14px 28px"],
  a[style*="padding: 13px 26px"] {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }

  /* ---------- Team grid mobile ---------- */
  div[style*="grid-template-columns: repeat(5,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  div[style*="min-height: 385px"] {
    min-height: auto !important;
  }

  div[style*="width: 135px"][style*="height: 135px"] {
    width: 120px !important;
    height: 120px !important;
  }

  /* ---------- Blog / article pages mobile ---------- */
  div[style*="border-radius: 28px"] {
    border-radius: 20px !important;
  }

  div[style*="padding: 38px"] {
    padding: 24px 18px !important;
  }

  div[style*="padding: 42px"] {
    padding: 26px 18px !important;
  }

  /* ---------- Footer mobile ---------- */
  footer,
  .footer,
  .astroid-footer {
    text-align: center !important;
  }
}

/* Extra small phones */
@media (max-width: 480px) {
  h1 {
    font-size: 26px !important;
  }

  h2 {
    font-size: 23px !important;
  }

  .uk-slideshow,
  .uk-slideshow-items,
  .uk-slideshow-items > li,
  .uk-slider,
  .uk-slider-items,
  .uk-slider-items > li,
  .uk-slideshow img,
  .uk-slider img,
  .uk-cover {
    height: 390px !important;
    min-height: 390px !important;
  }

  div[style*="width: 230px"][style*="height: 230px"] {
    width: 170px !important;
    height: 170px !important;
  }

  .astroid-nav li a,
  .navbar-nav li a,
  .nav.menu li a {
    font-size: 12px !important;
    padding: 11px 14px !important;
  }
}
/* Hide wrong sample mobile/offcanvas menu items */
@media (max-width: 991px) {
  .offcanvas-menu a[href*="sample"],
  .offcanvas-menu li:has(a[href*="sample"]),
  .astroid-offcanvas a[href*="sample"],
  .astroid-offcanvas li:has(a[href*="sample"]),
  .offcanvas a[href*="sample"],
  .offcanvas li:has(a[href*="sample"]) {
    display: none !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;}}