:root {
  --p-prime: #018fa7;
  --p-sec: #023047;
  --p-bg: #f1f7f9;
  --bg-dark: #023047;
  --text-color: #023047 !important;
  --text-color-dark: #023047;
  --link-color: #018fa7 !important;
  --gradient: linear-gradient(
    90deg,
    var(--p-sec) 4.25%,
    var(--p-prime) 93.67%
  ) !important;
  --shadow-cards: 0px 4px 15px #00000020;
  --shadow-cards-hover: 0px 4px 20px #00000060;
  --op-hover: 0.7;
  --card-edge: 8px;
  --animation-gradient: gradient 10s ease infinite;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --p-size: 1.1rem;
  --h1-size: 3rem;
  --h2-size: 2rem;
  --h3-size: 1.4rem;
  --h4-size: 1.3rem;
  --h5-size: 20rem;
}

/* ################# GLOBAL ######################## */
#sp-main-body {
  padding: 0px !important;
}

.sectionmin {
  width: 60% !important;
  margin: 0 20% !important;
}

.sectionfull {
  width: 100% !important;
}

.full-mobile {
  padding: 120px 20% 120px 20% !important;
}

.sec-margin-left {
  padding: 120px 0% 120px 5% !important;
}

.sec-margin {
  margin-right: 20% !important;
}

/* Navigation */

#sp-header {
  padding: 0 20% !important;
  background: transparent !important;
}

.offcanvas-inner {
  height: 100% !important;
}
.menu {
  display: flex;
  justify-content: center;
}
.menu li {
  text-align: center;
  display: inline-block;
  padding: 0 15px;
}

.sppb-panel-body {
  padding: 0px !important;
  border-top: 1px solid transparent;
}

.sppb-panel-heading {
  padding: 5px 0px !important;
  cursor: pointer;
  position: relative;
}

.sp-megamenu-parent > li > a:before,
.sp-megamenu-parent > li > span:before {
  background-color: var(--p-prime) !important;
  height: 2px !important;
}

/* Liste */
ul {
  padding-left: 0px !important;
  margin: 0px !important;
}
li {
  list-style: none;
}

/* FONTS */
body,
html {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  background-color: var(--p-bg);
  font-size: clamp(14px, 3vw, 18px) !important;
  line-height: clamp(25px, 3vw, 35px) !important;
  background-color: var(--p-bg) !important;
}

h1,
h2,
h3,
h4,
h5,
p,
span,
a {
  color: var(--text-color) !important;
}
#impressum a,
#datenschutz a {
  color: var(--link-color) !important;
  text-decoration: underline !important;
}

p,
a,
span,
li {
  font-family: "Poppins", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}

p {
  width: 100%;
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: var(--p-size) !important;
  line-height: calc(var(--p-size) * 1.5) !important;
}

h1 {
  font-weight: 900 !important;
  font-size: var(--h1-size) !important;
  line-height: calc(var(--h1-size) * 1.2) !important;
}

h2 {
  font-weight: 900 !important;
  font-size: var(--h1-size) !important;
  line-height: calc(var(--h1-size) * 1.2) !important;
}

h3 {
  font-size: var(--h3-size) !important;
  line-height: calc(var(--h3-size) * 1.2) !important;
  font-weight: 400 !important;
}

/* H4 Sub Headline */

h4 {
  font-size: var(--h4-size) !important;
  line-height: calc(var(--h4-size) * 1.2) !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.styled-title {
  margin-left: 25px !important;
}

.styled-title .sppb-addon-title:before {
  position: absolute;
  content: "";
  width: 16px !important;
  height: 4px !important;
  background: var(--p-prime) !important;
  border-radius: 100px;
  bottom: 10px;
  left: 0;
  margin-left: -25px !important;
}

/* H5 Big Headline */

h5 {
  font-weight: 900 !important;
  font-size: clamp(17vw, 17vw, 20rem) !important;
  line-height: calc(clamp(17vw, 17vw, 20rem) * 1.5) !important;
  overflow: hidden;
}

.stoke-text-custom .sppb-addon-title:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: block;
  background: linear-gradient(180deg, #0c151400 10%, var(--p-bg) 90%);
}

.stoke-text-custom span {
  font-weight: 900 !important;
}

.stoke-text-custom .sppb-addon-title {
  color: var(--text-color);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--text-color);
  position: relative;
  width: 100%;
  opacity: 0.4;
}

/* Active State */
.active > a {
  font-weight: 900 !important;
  color: var(--p-prime) !important;
}

/* ################# MEDIA QUARY ######################## */
@media (max-width: 992px) {
  #offcanvas-toggler {
    display: flex !important;
    align-items: center;
  }
  .menu-toggler,
  .fa-bars:before,
  .hero-img {
    display: none !important;
  }
  #sp-header.header-sticky {
    position: absolute !important;
    top: 0;
  }
  .wimble-article-details-title-wraper {
    margin: 0px !important;
  }
  .article-full-image {
    width: 130% !important;
  }
  #sp-logo {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .flex-custom .sppb-nested-row {
    flex-direction: column-reverse !important;
  }
  .cta-arrow {
    float: right;
  }
  .cta-arrow img {
    width: 100%;
  }
  #kunden-container .sppb-column-addons {
    margin-top: 15px;
  }
  #kunden img {
    width: 50%;
  }
  #termin-section .sppb-addon-wrapper {
    margin-right: 0px !important;
  }

  #sppb-addon-wrapper-7d2cc8ec-b3de-4312-b05a-1e797485a5f7 {
    margin-left: 0px !important;
  }
  #column-wrap-id-dd18137d-d757-4b73-a8f9-829bf87ed103 {
    margin-top: 30px !important;
  }

  #sec-01 {
    background-image: linear-gradient(
      270deg,
      #ffffff00 0%,
      #ffffff 0%
    ) !important;
  }
  .wimble-article-details-title-wraper h1 {
    width: 90% !important;
  }
}

@media only screen and (max-width: 1920px) and (min-width: 767px) {
  /* BG */

  #sec-01 {
    background-image: linear-gradient(
      270deg,
      #ffffff00 5%,
      #ffffff 5%
    ) !important;
  }
}

/* Small devices (landscape phones) */
@media only screen and (max-width: 599px) {
  #sec-04 {
    height: 60vh !important;
    margin-top: calc(-60vh + -100px) !important;
  }
  .sppb-section-content-center {
    align-items: first baseline !important;
  }
  .sectionmin {
    width: 100% !important;
    margin: 0 2.5% !important;
  }

  .sectionfull {
    width: 100% !important;
    margin: 0px auto !important;
  }

  /* BTN */
  .btn {
    min-width: 100% !important;
  }
  #btn-center .sppb-addon-content {
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }
  .lock-btn {
    width: 100% !important;
  }

  /* Slider */
  .custom-slider .sp-slider-custom-dot-indecators ul {
    display: none !important;
  }

  .custom-slider .sppb-container {
    margin-left: 0% !important;
  }

  .custom-slider h2,
  .custom-slider h4 {
    margin: 0 auto 20px auto !important;
  }

  .article-details h1 {
    font-size: calc(var(--h1-size) - 0.6rem) !important;
    line-height: calc(calc(var(--h1-size) - 0.6rem) * 1.2) !important;
  }
}

/* Large devices (desktops */

@media only screen and (max-width: 1920px) {
  .sectionmin {
    width: 90% !important;
    margin: 0 5% !important;
  }

  .full-mobile {
    width: 100% !important;
    padding: 120px 5% 120px 5% !important;
  }
  #termin-section .full-mobile {
    width: 100% !important;
    padding: 0px 5% 0px 5% !important;
  }

  .sec-margin {
    margin-right: 5% !important;
  }

  .sec-margin-left {
    padding: 120px 0% 120px 5% !important;
  }

  /* BG */
  #sec-02 {
    background-image: linear-gradient(
      270deg,
      #ffffff00 5%,
      #ffffff 5%
    ) !important;
  }

  #sec-04 {
    background-image: linear-gradient(270deg, #ffffff00 5%, #fff 5%) !important;
  }

  #sec-05 {
    background-image: linear-gradient(
      270deg,
      #ffffff00 0%,
      #ffffff80 0%
    ) !important;
  }

  /* Navigation */
  #sp-header {
    padding: 0 5% !important;
  }

  .sectionfull {
    width: 100% !important;
    margin: 0px auto !important;
  }

  .custom-slider .sp-slider-custom-dot-indecators {
    width: 100% !important;
  }

  .custom-slider .sp-slider-custom-dot-indecators ul {
    padding-right: 0% !important;
  }
}

/* Extra large devices (large desktops) */
@media only screen and (min-width: 1260px) {
}

/* ################# CUSTOM CLASS ######################## */
/* ALIGNMENT */
.content-center .sppb-row {
  display: flex;
  justify-content: space-evenly !important;
  padding-top: 5vh;
}

/* BTN */

.btn {
  border-radius: 0px !important;
  min-width: 200px;
  color: var(--p-bg) !important;
  background: var(--gradient);
  background-size: 400% 400%;
  animation: var(--animation-gradient);
  transition: all 400ms ease-in-out;
  opacity: 1;
  font-weight: 900 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn:hover {
  color: var(--p-bg) !important;
  opacity: 0.6;
  transition: all 400ms ease-in-out;
}

.btn-sec {
  color: var(--p-prime) !important;
  transition: all 400ms ease-in-out;
  font-weight: 900 !important;
  text-transform: uppercase;
}

.btn-sec:hover {
  color: var(--p-sec) !important;
  transition: all 400ms ease-in-out;
  opacity: var(--op-hover);
}

#btn-center .sppb-addon-content {
  display: flex;
  justify-content: center;
}

/* COLOR */

.color-prime,
.sppb-article-page-wrapper h3 {
  color: var(--p-prime) !important;
  font-weight: 900 !important;
}

.bg-blur {
  backdrop-filter: blur(40px);
}

/* ARROW */
.cta-arrow {
  margin: 15px 0 0 25%;
}

/* BOX */
/* Vorgehen */
#vorgehen-container .sppb-addon-wrapper,
#vorgehen-container .clearfix,
#vorgehen-container .sppb-addon,
#vorgehen-container .sppb-addon-content {
  display: flex;
  align-items: stretch;
  height: 100%;
}

/* Kunden */
#kunden-container .sppb-addon-wrapper,
#kunden-container .clearfix,
#kunden-container .sppb-addon,
#kunden-container .sppb-addon-content,
#kunden-container .sppb-media-content,
#kunden-container .sppb-addon-text,
#kunden-container .sppb-addon-text div {
  height: 100%;
}
#kunden-container .sppb-addon-content,
#kunden-container .sppb-media-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.vorgehen-box {
  background-color: #fff;
  margin: 15px 0;
  padding: 30px;
}
.vorgehen-box img {
  padding-bottom: 4px;
  max-width: 96px;
  min-width: 32px;
}

.vorgehen-box h4 {
  color: var(--p-prime) !important;
}

/* BORDER */
.border-sec li {
  margin: 0px !important;
  padding: 4% 0;
  border-bottom: solid 1px var(--text-color-dark) !important;
  list-style: none !important;
}

.border-links li {
  margin: 0px !important;
  padding: 5% 0;
  border-bottom: solid 1px var(--text-color-dark) !important;
  list-style: none !important;

  font-size: var(--h3-size) !important;
  line-height: var(--h3-size) !important;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.border-links h4 {
  margin: 0px !important;
  padding: 0 !important;
}

.border-links li:hover > h4 {
  color: var(--p-sec) !important;
  cursor: pointer;
  transition: all 400ms ease-in-out;
  opacity: var(--op-hover);
}

/* TOGGLE */
.toggle-custom span {
  font-weight: 400 !important;
}

/* CARDS */

.cards-shadow {
  box-shadow: var(--shadow-cards);
  overflow: hidden;
  transition: all 400ms;
}

.cards-shadow:hover {
  box-shadow: var(--shadow-cards-hover);
}

/* SLIDER */
.custom-slider {
  color: var(--p-bg) !important;
}

div.sp-slider .sp-indicator.line-indicator {
  background: var(--p-prime) !important;
}

.custom-slider .sppb-container {
  margin: 0px;
  margin-left: 20%;
  width: 100% !important;
}

.custom-slider {
  position: relative;
  padding: 0px;
  overflow: hidden !important;
}

.custom-slider .sp-slider-custom-dot-indecators {
  overflow: hidden !important;
  min-width: 80% !important;
  padding: 0px !important;
  backdrop-filter: blur(50px);
}

.custom-slider .sp-slider-custom-dot-indecators ul {
  width: 100% !important;
  padding-right: 20%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.custom-slider ul li {
  margin: 0 0px;
  float: left;
  cursor: pointer;
  padding: 18px 0px 18px 30px;
  flex: 1 0 auto;
  min-width: 20% !important;
}

.custom-slider ul li.active {
  background-color: rgba(255, 255, 255, 0.05);
}

.custom-slider .sp-slider-text-thumb-number {
  font-weight: 900;
  font-size: 96px;
  line-height: 120px;
  letter-spacing: -0.5px;
  opacity: 0.7;
}

.custom-slider .sp-dot-indicator-wrap {
  display: none;
}

.custom-slider h2,
.custom-slider h4 {
  color: var(--p-bg) !important;
  text-shadow: #000 0 0 50px;
}

/* LISTE */
.list-custom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.list-custom p {
  text-align: left;
  padding: 0 15px 20px 8px;
}

.faq-titel {
  font-size: var(--p-size) !important;
  line-height: calc(var(--p-size) * 1.2) !important;
  font-weight: 400 !important;
  letter-spacing: 0px !important;
  text-decoration: solid;
  text-transform: none !important;
  margin: 10px 0 !important;
}
.sppb-panel-heading {
  display: flex;
  align-content: center;
  align-items: center;
  grid-gap: 8px !important;
}
.sppb-panel-heading:before {
  content: "+";
}
.sppb-panel-heading.active:before {
  content: "-";
}
.sppb-panel-collapse p {
  padding: 0px 0 15px 0px;
}

/* ################# BACKGROUND ######################## */
.com_spsimpleportfolio #sp-main-body {
  margin-top: 0px !important;
  padding-top: 0 !important;
}
#portfolio-margin {
  margin-top: 100px !important;
}

#sec-04 {
  height: 40vh;
  margin-top: -40vh;
}

.top-fix {
  position: absolute !important;
  top: 0px;
}

#hero-bg {
  opacity: 0.2;
}

/* ###################  NAVIGATION  ################### */

/* Navigation Off-Canvas */
#offcanvas-toggler {
  display: none;
}

.close-offcanvas {
  display: none !important;
}

.offcanvas-menu {
  background-color: var(--p-bg) !important;
  color: var(--text-color) !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:not(:last-child) {
  border-bottom: 0px solid rgba(0, 0, 0, 0.1) !important;
}

/* Dropdown */
.sp-dropdown {
  padding-top: 30px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: var(--shadow-cards) !important;
  background-color: var(--p-bg) !important;
  border-radius: 0px !important;
  padding: 30px;
  overflow: hidden;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before,
.sp-megamenu-parent
  .sp-dropdown
  li.sp-menu-item
  > span:not(.sp-menu-badge):before {
  height: 2px !important;
  background-color: var(--p-prime) !important;
}

/* Navigation */
#sp-header.header-sticky {
  background-color: var(--p-bg) !important;
  box-shadow: var(--shadow-cards) !important;
}

#sp-menu > .sp-column nav.sp-megamenu-wrapper {
  margin: 0px !important;
  display: flex;
  align-items: center;
}

.nav-counter {
  display: none !important;
}

.sp-megamenu-parent {
  margin: 0 !important;
}

.offcanvas-inner .sp-module:nth-child(2) {
  position: absolute;
  bottom: 10px;
  left: -30%;
}

#section-id-1602595266516 p {
  padding: 0 !important;
}
.mail-mobile {
  height: 60px !important;
  width: 60px !important;
  background-color: var(--p-bg);
  border-radius: 100px;
  border: var(--p-prime) solid 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mail-mobile img {
  width: 40% !important;
}

/* ###################  Hero & Footer  ################### */
.hero {
  min-height: 100vh;
}

.sp-slider-content-align-left p {
  margin-top: 15px !important;
}

#sppb-addon-1682267907467 {
  width: 35px !important;
  height: 35px !important;
  margin: 0 auto;
  margin-top: 25px;
}

#sp-footer,
#sp-bottom {
  background: var(--p-bg) !important;
}
#sp-footer1 .sp-module-content .menu {
  display: flex;
}

.sp-scroll-up {
  color: var(--text-color) !important;
  background: var(--gradient) !important;
  border-radius: 100% !important;
  opacity: var(--op-hover);
}

.sp-scroll-up:hover {
  opacity: 1;
}

/* ################# ANIMATION ######################## */

/* GRADIENT */

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* SVG */
#path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 5s linear alternate infinite;
}

#path-hero {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 2s linear alternate infinite;
}

.path-hero-box .sppb-addon-content {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.align .sppb-addon-content {
  display: flex;
  justify-content: center;
  height: 600px;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1;
  }

  to {
    stroke-dashoffset: 0;
  }
}

/* Nummer */
.num-animate span {
  font-weight: 900 !important;
  font-size: calc(var(--h1-size) * 3) !important;
  line-height: calc(calc(var(--h1-size) * 1.2) * 3) !important;
  color: var(--p-prime) !important;
}

/* ################# Project Cards ######################## */
.sppb-addon-wimble-person .sppb-wimble-person-info-wrapper {
  mix-blend-mode: normal;
  backdrop-filter: blur(50px);
  position: absolute;
  bottom: 0px;
  padding: 30px 0px 35px 30px !important;
  width: calc(100% - 0px) !important;
  background-color: #fff;
  color: var(--text-color);
}

.sppb-addon-wimble-person .sppb-person-information {
  margin-bottom: 0px !important;
  transition: all 0.6s ease;
}

.sppb-addon-wimble-person:hover .sppb-person-information {
  margin-bottom: 0px !important;
}

.sppb-addon-wimble-person .sppb-person-introtext {
  height: 0px;
  transition-property: height;
  transition: 0.7s !important;
}

.sppb-addon-wimble-person:hover .sppb-person-introtext {
  height: 120px;
}

.wimble-home-slider.sppb-addon-sp-slider .sp-slider-content-align-left:before {
  background: var(--gradient) !important;
  opacity: 0.5;
}

.sp-page-builder .page-content #section-id-1603724675051 {
  padding-top: 80px !important;
}

.sp-module-title {
  display: none;
}

.sppb-addon-wrapper {
  left: 0px !important;
}

/* ############### SECTIONS ###############*/
/* Team */
.team-section {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 5%;
}

/* ############### PORTFOLIO ###############*/

/* Filter */
.sp-simpleportfolio .sp-simpleportfolio-filter ul > li a:after {
  background: none !important;
}

.btn-projekt {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--gradient);
  background-size: 400% 400%;
  animation: var(--animation-gradient);
  transition: all 400ms ease-in-out;
  opacity: 0;
  box-shadow: var(--shadow-cards);
}
.sp-simpleportfolio-short-info p {
  height: 100%;
  padding: 0 !important;
}

.btn-projekt img {
  width: 10%;
}

.btn-projekt:hover {
  transition: all 400ms ease-in-out;
  opacity: 1;
  box-shadow: var(--shadow-cards-hover);
}

.wimble-sp-simpleportfolio-img-wrapper span {
  font-weight: 900 !important;
  text-transform: uppercase !important;
  -webkit-text-stroke: 1px var(--text-color) !important;
}

.wimble-sp-simpleportfolio-info {
  position: absolute;
  top: 0;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  z-index: 500 !important;
}

.sp-simpleportfolio .sp-simpleportfolio-item {
  padding: 0px !important;
  margin: 15px;
}

.sp-simpleportfolio-title-wrap,
.wimble-sp-simpleportfolio-btns {
  display: none !important;
}

.sp-simpleportfolio-short-info {
  height: 100% !important;
  width: 100% !important;
}

#sppb-addon-wrapper-1677334069202 {
  position: relative;
  left: 0px !important;
  margin: 0px 0px 0px 0px;
}

.com-spsimpleportfolio.portfolio-classic
  .sp-simpleportfolio-item
  .sp-simpleportfolio-wrapper
  .wimble-sp-simpleportfolio-img-wrapper:hover:after {
  background: var(--gradient) !important;
  opacity: var(--op-hover);
  transition: all 300ms ease-in-out;
}

.sp-simpleportfolio .sp-simpleportfolio-item {
  padding: 0px !important;
  margin: 0 0 25px 0 !important;
}

.sp-simpleportfolio .sp-simpleportfolio-items {
  margin: 0px !important;
}

.com-spsimpleportfolio.portfolio-classic
  .sp-simpleportfolio-item
  .sp-simpleportfolio-wrapper
  .wimble-sp-simpleportfolio-img-wrapper:after {
  background: #0000005d !important;
}

/* ################### PROJEKTE #################### */

.sp-page-builder .page-content #section-id-1677339534690 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.sppb-panel {
  background-color: transparent !important;
}

.pull-left {
  height: 100% !important;
}

/* ################### Foto Gallerie #################### */
.mfp-arrow {
  margin: 0 10% 0 10% !important;
}

.gallery-item-center > li {
  box-shadow: var(--shadow-cards) !important;
}

.mfp-arrow-left:after,
.mfp-arrow-right:after {
  display: none !important;
}

button.mfp-arrow,
button.mfp-close {
  height: 60px !important;
  width: 60px !important;
  background-color: var(--p-bg);
  border-radius: 100px;
  border: var(--p-prime) solid 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  transition: all 400ms;
  width: 100%;
  height: 100%;
}
.mfp-arrow:before {
  display: none;
}
.mfp-arrow-right {
  background-image: url(/images/arrow-right-slider.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.mfp-arrow-left {
  background-image: url(/images/arrow-left-slider.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}

.mfp-arrow,
.mfp-arrow {
  transition: all 400ms;
  opacity: 1 !important;
}
.mfp-arrow:hover {
  opacity: var(--op-hover) !important;
  transition: all 400ms;
}

.mfp-bottom-bar,
.mfp-close {
  display: none !important;
}

/* ################### ONBOARDING #################### */

/* ################### ONBOARDING #################### */
#progress-bar {
  position: absolute !important;
  top: 2vh;
  z-index: 100 !important;
}

#progress-bar .sppb-addon-single-image-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#sp-menu li {
  display: inline-block;
  position: relative;
  padding: 0;
}
#sp-menu a {
  display: inline-block;
  margin-right: 28px;
  margin-left: 40px;
  padding: 10px 0;
  display: inline-block;
  line-height: 1.4;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
.lock-btn {
  display: inline-block;
}
.lock-btn-img {
  display: inline-block;
}

.lock {
  display: none;
  width: 100%;
}
.not-lock {
  display: inline-block;
  width: 100%;
}

/* ################### BLOG #################### */

/* ################### BLOG #################### */
.layout-blog .sp-module:nth-child(2) {
  display: none;
}

.mark,
mark {
  background-color: var(--p-bg);
}

.view-article .article-details div[itemprop="articleBody"] {
  max-width: 950px !important;
}

.mod-finder,
#finder-search {
  margin: 0 0 30px 0;
}

.mod-finder label,
#finder-search label {
  display: none;
}
.mod-finder .input-group,
#finder-search .input-group {
  flex-direction: row;
  justify-content: center;
}

#search-query-explained,
#search-result-empty {
  font-size: var(--h3-size) !important;
  line-height: calc(var(--h3-size) * 1.2) !important;
  font-weight: 400 !important;
  text-align: center;
}

#search-result-empty {
  margin-top: 30px;
}
#search-result-empty p {
  display: none;
}

.h3-article {
  margin-top: 30px !important;
}

.article-list .article {
  margin-bottom: 0px !important;
  position: relative;
}
.blog .col-md-6 {
  padding: 15px !important;
  transition: all 300ms;
}
.blog .col-md-6:hover {
  padding: 10px !important;
  transition: all 300ms;
}
.blog .article-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 30px 30px 30px;
  position: absolute;
  bottom: 0;
}
.blog img {
  width: 100%;
}

.blog h2 {
  font-size: var(--h2-size) !important;
  line-height: calc(var(--h2-size) * 1.2) !important;
  font-weight: 400 !important;
}
.blog a,
.blog time {
  color: #fff !important;
}
.blog .article-info {
  margin-bottom: 0rem !important;
}
.blog a:hover {
  color: #ffffff90 !important;
}

.view-article .article-details div[itemprop="articleBody"] {
  padding: 75px 15px !important;
}

.related-article-list-container h3 {
  font-size: var(--h4-size) !important;
  line-height: calc(var(--h4-size) * 1.2) !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
.related-article-list-container h2 {
  margin: 15px 0 0.25rem 0 !important;
  font-size: var(--h3-size) !important;
  line-height: calc(var(--h3-size) * 1.2) !important;
  font-weight: 400 !important;
}

/* # */
.view-article .article-details .wimble-article-details-title-wraper:after {
  background-color: rgba(0, 0, 0, 0) !important;
}
.wimble-article-details-title-wraper {
  margin-top: 100px;
}
.article-details .article-full-image img {
  border-radius: 0px !important;
}
.wimble-article-details-title-wraper h1 {
  color: #fff !important;
  margin: 0px auto 0px !important;
  width: 60%;

  letter-spacing: 0px !important;
}
.wimble-article-details-title-wrap {
  height: 100%;
  display: flex !important;
  justify-content: center;
  flex-direction: column;
}
.view-article
  .article-details
  .wimble-article-details-title-wraper
  .wimble-article-details-title-wrap {
  position: absolute;
  top: 0px !important;
}

#blog-more h2 {
  font-size: calc(var(--h2-size) - 0.5rem) !important;
  line-height: calc(calc(var(--h2-size) * 1.2) - 0.5rem) !important;
}
#blog-more a {
  font-weight: 400 !important;
}
#blog-more .article-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 15px 15px 15px;
  position: absolute;
  bottom: 0;
}