:root {
  --nrml-primary: #ffd828;
  --nrml-primary-weak: rgba(91, 216, 124, 0.8);
  --nrml-primary-dark: #b64f70;
  --nrml-secondary: #555;
  --nrml-secondary-weak: rgba(255, 255, 255, 0.5);
  --nrml-lightgray: #dddddd;
  --nrml-gray: #949a9f;
  --nrml-text: #3c3c3c;
  --nrml-text-weak: rgba(60, 60, 60, 0.3);
  --gillen-primary: #fed100;
  --gillen-primary-weak: #fee260;
  --gillen-primary-weakest: rgba(254, 209, 0, 0.2);
  --gillen-blue: #1c3b73;
  --gillen-light-blue: #62B0DF;
  --gillen-background-dark: #363636;
  --gillen-background-darkest: #251c17;
  --gillen-brown: #5c3d29;
  --gillen-text-inverted: #fff;
  --gillen-background-light: #fffcf1;
  --gillen-wizard: #594a40;
  --nrml-header-height: 65px;
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  src: local("Font Awesome 6 Pro"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Lilita One";
  src: url("../fonts/LilitaOne-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Brother 1816";
  src: url("../fonts/Brother-1816-Light.otf");
  font-weight: 300;
}

@font-face {
  font-family: "Brother 1816";
  src: url("../fonts/Brother-1816-Regular.otf");
  font-weight: 400;
}

@font-face {
  font-family: "Brother 1816";
  src: url("../fonts/Brother-1816-Bold.otf");
  font-weight: 700;
}

/*
*******************************************************************************
* Global / General
*******************************************************************************
*/
* {
  font-family: "Brother 1816", Helvetica, Arial, sans-serif;
}

html {
  font-size: 16px !important;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

@media only screen and (min-width: 768px) {
  html {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 20px !important;
  }
}

body {
  font-family: "Brother 1816", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  body {
    font-size: 20px !important;
  }
}

body.site {
  background-color: var(--gillen-background-light);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Lilita One", Arial, sans-serif;
  font-weight: 400;
}

body h1 {
  font-size: 42px !important;
  margin-bottom: 1.875rem;
}

@media only screen and (max-width: 349px) {
  body h1 {
    font-size: 38px !important;
  }
}

@media only screen and (min-width: 768px) {
  body h1 {
    font-size: 48px !important;
  }
}

@media only screen and (min-width: 992px) {
  body h1 {
    font-size: 52px !important;
  }
}

@media only screen and (min-width: 1200px) {
  body h1 {
    font-size: 56px !important;
  }
}

body h2 {
  font-size: 30px !important;
}

@media only screen and (max-width: 349px) {
  body h2 {
    font-size: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  body h2 {
    font-size: 34px !important;
  }
}

@media only screen and (min-width: 992px) {
  body h2 {
    font-size: 36px !important;
  }
}

@media only screen and (min-width: 1200px) {
  body h2 {
    font-size: 38px !important;
  }
}

body h3 {
  font-size: 24px !important;
}

@media only screen and (max-width: 349px) {
  body h3 {
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 768px) {
  body h3 {
    font-size: 28px !important;
  }
}

@media only screen and (min-width: 992px) {
  body h3 {
    font-size: 30px !important;
  }
}

@media only screen and (min-width: 1200px) {
  body h3 {
    font-size: 32px !important;
  }
}

body h4 {
  font-size: 1.25rem;
}

body h5 {
  font-size: 1rem;
}

body a {
  color: var(--nrml-primary);
  cursor: pointer;
}

body a:hover, body a:active, body a:focus {
  color: var(--nrml-grey);
  text-decoration: none;
}

body p {
  margin-top: 1rem;
}

body p a {
  word-break: break-word;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 99%;
}

.view-article #sp-main-body,
.com-sppagebuilder #sp-main-body,
.view-category #sp-main-body {
  min-height: calc(100vh - 85px);
  padding-top: var(--nrml-header-height) !important;
  margin-bottom: -1px;
}

.com-sppagebuilder:has(#wizard-section) #sp-main-body {
  min-height: calc(100vh - 65px) !important;
  margin-bottom: 0 !important;
}

.sppb-social-share {
  margin-top: 60px;
  margin-bottom: -15px;
}

.sppb-social-share ul {
  display: flex;
  justify-content: center !important;
}

.sppb-social-share ul li {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 564px) {
  .sp-scroll-up {
    bottom: 56px;
  }
}

.sp-megamenu-parent li {
  padding: 0 15px;
}

@media only screen and (max-width: 1219px) {
  .sp-megamenu-parent li {
    padding: 0 10px;
  }
}

.sp-megamenu-parent li:last-child a {
  padding: 0 !important;
}

.sp-megamenu-parent > li > a {
  font-family: "Brother 1816", Helvetica, Arial, sans-serif;
  color: var(--gillen-text-inverted);
  font-size: 18px;
  line-height: var(--nrml-header-height);
  padding-right: 7px;
  padding-left: 0;
}

@media only screen and (max-width: 1219px) {
  .sp-megamenu-parent > li > a {
    padding-right: 0;
    font-size: 17px;
  }
}

@media only screen and (max-width: 1000px) {
  .sp-megamenu-parent > li > a {
    font-size: 16px;
  }
}

.sp-megamenu-parent > li > a:hover > a {
  color: var(--nrml-primary);
}

.sp-megamenu-parent > li > a:hover .fa-instagram,
.sp-megamenu-parent > li > a:hover .fa-facebook {
  background: none;
  color: var(--nrml-primary);
}

.sp-megamenu-parent .sp-mega-group > li > a {
  margin: 5px 0;
}

.sp-megamenu-parent a {
  text-transform: uppercase;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li {
  width: unset;
  transition: color 400ms, background-color 400ms;
  margin: 0 0 0 10px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li a {
  padding: 20px 15px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:last-child {
  text-align: left;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover {
  background-color: var(--nrml-primary);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover a {
  color: var(--nrml-text-inverted);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
  background-color: var(--gillen-background-light);
}

.sp-megamenu-parent .menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: spFadeIn 200ms ease-in;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent .sp-megamenu-parent > li.active:hover > a {
  color: var(--gillen-primary) !important;
}

.sp-megamenu-parent .menu_item.item-header {
  padding: 5px;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 99%;
}

.view-article #sp-main-body,
.com-sppagebuilder #sp-main-body,
.view-category #sp-main-body {
  min-height: calc(100vh - 85px);
  padding-top: var(--nrml-header-height) !important;
  margin-bottom: -1px;
}

.com-sppagebuilder:has(#wizard-section) #sp-main-body {
  min-height: calc(100vh - 65px) !important;
  margin-bottom: 0 !important;
}

.sppb-social-share {
  margin-top: 60px;
  margin-bottom: -15px;
}

.sppb-social-share ul {
  display: flex;
  justify-content: center !important;
}

.sppb-social-share ul li {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 564px) {
  .sp-scroll-up {
    bottom: 56px;
  }
}

.sp-megamenu-parent li {
  padding: 0 15px;
}

@media only screen and (max-width: 1219px) {
  .sp-megamenu-parent li {
    padding: 0 10px;
  }
}

.sp-megamenu-parent li:last-child a {
  padding: 0 !important;
}

.sp-megamenu-parent > li > a {
  font-family: "Brother 1816", Helvetica, Arial, sans-serif;
  color: var(--gillen-text-inverted);
  font-size: 16px;
  line-height: var(--nrml-header-height);
  padding-right: 7px;
  padding-left: 0;
}

@media only screen and (max-width: 1319px) {
  .sp-megamenu-parent > li > a {
    padding-right: 0;
  }
}

@media only screen and (min-width: 999px) {
  .sp-megamenu-parent > li > a {
    font-size: 17px !important;
  }
}

@media only screen and (min-width: 1049px) {
  .sp-megamenu-parent > li > a {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .sp-megamenu-parent > li > a {
    font-size: 20px !important;
  }
}

@media only screen and (min-width: 1220px) and (max-width: 1249px) {
  .sp-megamenu-parent > li > a {
    font-size: 19px !important;
  }
}

.sp-megamenu-parent > li > a:hover > a {
  color: var(--nrml-primary);
}

.sp-megamenu-parent > li > a:hover .fa-instagram,
.sp-megamenu-parent > li > a:hover .fa-facebook {
  background: none;
  color: var(--nrml-primary);
}

.sp-megamenu-parent .sp-mega-group > li > a {
  margin: 5px 0;
}

.sp-megamenu-parent a {
  text-transform: uppercase;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li {
  width: unset;
  transition: color 400ms, background-color 400ms;
  margin: 0 0 0 10px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li a {
  padding: 20px 15px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:last-child {
  text-align: left;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover {
  background-color: var(--nrml-primary);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover a {
  color: var(--nrml-text-inverted);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
  background-color: var(--gillen-background-light);
}

.sp-megamenu-parent .menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: spFadeIn 200ms ease-in;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent .sp-megamenu-parent > li.active:hover > a {
  color: var(--gillen-primary) !important;
}

.sp-megamenu-parent .menu_item.item-header {
  padding: 5px;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
  content: "\f0d7";
  font-size: 15px;
  margin-left: 10px;
}

/*
**********************************************************************************************************************************
* Font Awesome
**********************************************************************************************************************************
*/
.fas, .fal {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

/*
**********************************************************************************************************************************
* Header
**********************************************************************************************************************************
*/
#sp-header {
  z-index: 500;
  position: fixed;
  box-shadow: none;
  height: var(--nrml-header-height);
  background: var(--gillen-blue);
  color: var(--nrml-text-inverted);
  /*&::after {
    content: "";
    background-image: url(/images/assets/gillen_waves_blue.svg);
    background-repeat: repeat-x;
    background-size: inherit;
    background-attachment: scroll;
    position: relative;
    display: block;
    width: 100vw;
    height: 10px;
    bottom: 1px;
  }*/
}

#sp-header .container {
  max-width: 90%;
}

#sp-header a:hover {
  text-decoration: none;
}

#sp-header .fa-instagram,
#sp-header .fa-facebook {
  color: var(--nrml-text);
}

#sp-header .fa-instagram:hover,
#sp-header .fa-facebook:hover {
  color: var(--nrml-primary);
}

#sp-header .logo {
  height: var(--nrml-header-height);
}

#sp-header .logo .logo-image {
  transition: 0.4s ease;
  height: unset;
  width: 40%;
  position: relative;
  top: 25px;
  z-index: 501;
  min-width: 150px;
}

@media only screen and (min-width: 1099px) {
  #sp-header .logo .logo-image {
    top: 58px;
    min-width: 250px;
  }
}

@media only screen and (max-width: 576px) {
  #sp-header .logo .logo-image {
    width: 90%;
    top: 30px;
    max-width: 150px;
  }
}

@media only screen and (max-width: 399px) {
  #sp-header .logo .logo-image {
    width: 100%;
    top: 20px;
  }
}

#sp-header #sp-menu .sp-column {
  height: 65px;
}

#sp-header #offcanvas-toggler .burger-icon {
  transform: scale(-1);
}

#sp-header #offcanvas-toggler .burger-icon span {
  width: 17px;
  height: 4px;
  border-radius: 20px;
}

#sp-header #offcanvas-toggler .burger-icon span:first-child, #sp-header #offcanvas-toggler .burger-icon span:last-child {
  width: 25px;
}

#sp-header.scrolled {
  height: 55px;
}

#sp-header.scrolled .logo {
  height: 55px;
}

#sp-header.scrolled .logo .logo-image {
  height: unset;
  width: 35%;
  position: relative;
  top: 30px;
  z-index: 501;
  min-width: 140px;
}

@media only screen and (min-width: 1099px) {
  #sp-header.scrolled .logo .logo-image {
    top: 52px;
    min-width: 240px;
  }
}

@media only screen and (max-width: 576px) {
  #sp-header.scrolled .logo .logo-image {
    width: 85%;
    top: 30px;
  }
}

@media only screen and (max-width: 399px) {
  #sp-header.scrolled .logo .logo-image {
    width: 95%;
    top: 25px;
  }
}

#sp-header.scrolled #sp-menu .sp-column {
  height: 55px;
}

.sppb-button-wrapper:has(.filialiButton) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sppb-button-wrapper .filialiButton {
  width: 85%;
  height: 48px;
  border-left: 10px solid #fbd035;
  display: flex;
  justify-content: center;
  align-items: center;
}

.finder-tool {
  position: absolute;
  width: 100%;
  top: 615px;
}

@media only screen and (max-height: 899px) {
  .finder-tool {
    top: 565px;
  }
}

@media only screen and (max-height: 799px) {
  .finder-tool {
    top: 515px;
  }
}

@media only screen and (max-height: 699px) {
  .finder-tool {
    top: 465px;
  }
}

/* Dropdown Button */
.dropbtn {
  background-color: #04aa6d;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {
  background-color: #3e8e41;
}

.gelber-punkt {
  background-color: #fed100;
  border-radius: 12px;
  padding: 3px;
}

/* The search field */
#finderInput {
  box-sizing: border-box;
  background-color: #fffdf5;
  background-image: url("/images/assets/lupe.svg");
  background-position: 8px center;
  background-repeat: no-repeat;
  color: rgba(23, 23, 25, 0.8);
  font-family: "Brother 1816";
  font-size: 16px;
  padding: 0px 36px 0px 38px !important;
  height: 57px;
  border-radius: 4px;
  border: none;
  border-left: 16px solid #fed100;
  border-bottom: 1px solid #ddd;
  /* The search field when it gets focus/clicked on */
}

@media only screen and (max-width: 375px) {
  #finderInput {
    height: 45px;
  }
}

#finderInput input {
  background: none;
  border: none;
  padding-left: 0 !important;
}

#finderInput:focus {
  outline: 2px solid var(--gillen-primary-weak);
}

#finderInput .finderEntry a::after {
  display: none;
}

.inline-input {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.inline-button {
  background-image: url("/images/assets/marker.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 32px;
  position: absolute;
  padding: 2px 4px !important;
  right: 2px;
  cursor: pointer;
  border: 0;
  top: 0;
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

.finder-tool .sppb-addon-content:has(.finderDropdown) > div {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

#teaser .finderDropdown,
#teaser .sppb-addon-raw-html .inline-input {
  max-width: 400px;
}

@media only screen and (max-width: 449px) {
  #teaser .finderDropdown,
  #teaser .sppb-addon-raw-html .inline-input {
    max-width: calc(100vw - 60px);
  }
}

/* Dropdown Content (Hidden by Default) */
.finderDropdown {
  display: none;
  bottom: 100%;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  font-family: "Brother 1816";
  position: absolute;
  margin-bottom: 7px;
  border-radius: 4px;
  background: #fffdf5;
  z-index: 1;
  /* Links inside the dropdown */
}

.finderDropdown a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.finderEntry.current {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.finderEntry.current a {
  color: black;
}

.finderEntry.current a span {
  font-weight: 300;
}

.finderEntry.current .rightSide {
  display: none;
}

.finderEntry {
  position: relative;
  color: #000;
  line-height: 115%;
}

.finderEntry a {
  position: relative;
}

.finderEntry a span {
  font-weight: 300;
}

.finderEntry a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #F1EFE4;
}

.finderEntry .rightSide {
  float: right;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
  margin-top: -8px;
  margin-right: -8px;
}

.finderEntry + input.inline-input {
  display: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}

/*
*****************************************************
* Offcanvas
*****************************************************
*/
.offcanvas-active .offcanvas-menu {
  right: 0 !important;
}

.offcanvas-menu {
  background: none;
  width: 100%;
  right: -100% !important;
}

.offcanvas-menu .close-offcanvas .burger-icon span {
  height: 4px;
  border-radius: 20px;
  background-color: var(--gillen-text-inverted);
}

.offcanvas-menu .close-offcanvas .burger-icon span:nth-child(1) {
  transform: translate(0, 10px) rotate(-45deg);
}

.offcanvas-menu .close-offcanvas .burger-icon span:nth-child(3) {
  transform: translate(0, -7px) rotate(45deg);
}

.offcanvas-menu .menu {
  text-align: center;
}

.offcanvas-menu .menu li a {
  font-size: 28px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  color: var(--gillen-text-inverted) !important;
  margin-bottom: 25px;
}

/*
*****************************************************
* Bottom
*****************************************************
*/
#sp-bottom {
  background-color: #5492C0;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1400px) {
  #sp-bottom .container {
    max-width: 1320px;
  }
}

#sp-bottom .container {
  padding: 0 !important;
}

#sp-bottom ul.menu {
  list-style: none;
  display: flex;
}

@media only screen and (min-width: 956px) {
  #sp-bottom ul.menu {
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  #sp-bottom ul.menu {
    justify-content: center;
  }
}

#sp-bottom ul.menu li {
  font-size: 16px;
}

#sp-bottom .sppb-addon-feature .sppb-addon-content {
  align-items: center;
}

#sp-bottom h3 {
  font-size: 24px;
}

@media only screen and (max-width: 349px) {
  #sp-bottom h3 {
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 768px) {
  #sp-bottom h3 {
    font-size: 28px !important;
  }
}

@media only screen and (min-width: 992px) {
  #sp-bottom h3 {
    font-size: 30px !important;
  }
}

@media only screen and (min-width: 1200px) {
  #sp-bottom h3 {
    font-size: 32px !important;
  }
}

#sp-bottom p {
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  #sp-bottom p {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  #sp-bottom p {
    font-size: 20px !important;
  }
}

#sp-bottom a {
  font-size: 14px;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  #sp-bottom a {
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 992px) {
  #sp-bottom a {
    font-size: 18px !important;
  }
}

/*
*****************************************************
* Footer
*****************************************************
*/
#sp-footer {
  background: #1e1c1a;
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  #sp-footer {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  #sp-footer {
    font-size: 20px !important;
  }
}

#sp-footer .container {
  max-width: 90%;
}

#sp-footer .container-inner {
  border: none;
  padding: 17px 0;
}

#sp-footer .sp-column {
  justify-content: flex-start;
  display: flex;
}

@media only screen and (max-width: 564px) {
  #sp-footer .sp-column {
    display: flex;
    justify-content: flex-start;
  }
}

#sp-footer ul.menu {
  list-style: none;
  display: flex;
}

@media only screen and (min-width: 956px) {
  #sp-footer ul.menu {
    justify-content: flex-end;
  }
}

#sp-footer ul.menu li {
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  #sp-footer ul.menu li {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  #sp-footer ul.menu li {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 575px) {
  #sp-footer #sp-footer1 {
    text-align: center;
    padding: 0 0 10px 0;
  }
}

/*
*****************************************************
* Hero-Header
*****************************************************
*/
section[id="teaser"] {
  height: calc(100vh - 65px);
  display: flex;
  align-items: flex-end;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

section[id="teaser"] h1 {
  max-width: 600px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

section[id="teaser"] .text_primary {
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  section[id="teaser"] .text_primary {
    font-size: 20px !important;
  }
}

@media only screen and (min-width: 992px) {
  section[id="teaser"] .text_primary {
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 1200px) {
  section[id="teaser"] .text_primary {
    font-size: 24px !important;
  }
}

#teaser.full-width-row .sppb-row-container {
  max-width: 90% !important;
}

.teaser-overlay-dark .sppb-row-overlay {
  background: none !important;
}

.teaser-overlay-light .sppb-row-overlay {
  background: linear-gradient(0, #fffcf1 5%, rgba(255, 252, 241, 0.7) 15%, rgba(255, 255, 255, 0) 35%) !important;
}

.teaser-small {
  max-height: 90vh !important;
}

@media only screen and (min-width: 992px) and (min-height: 700px) {
  .teaser-small {
    max-height: 90vh  !important;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 950px) {
  .teaser-small {
    max-height: 90vh  !important;
  }
}

.karriere_teaser {
  background-position: 100% 20% !important;
}

.ueber_uns_teaser {
  max-height: 800px !important;
}

@media only screen and (min-width: 992px) and (min-height: 700px) {
  .ueber_uns_teaser {
    max-height: 850px  !important;
  }
}

.icon_primary_bg i {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: var(--gillen-primary);
}

@media only screen and (min-width: 568px) {
  .icon_primary_bg i {
    width: 140px;
    height: 140px;
  }
}

@media only screen and (min-width: 768px) {
  .icon_primary_bg i {
    width: 110px;
    height: 110px;
  }
}

#ausbildung_row:before {
  content: "Ausbildung";
  white-space: pre;
  word-wrap: break-word;
  position: absolute;
  font-family: "Lilita One";
  font-size: 110px;
  text-transform: uppercase;
  line-height: 0.9;
  color: #ffffff;
  opacity: 0.2;
  transform: rotate(-5deg);
  text-align: center;
  left: -5px;
  right: 0;
  margin-top: -50px;
}

@media only screen and (max-width: 649px) {
  #ausbildung_row:before {
    font-size: 5rem;
  }
}

@media only screen and (max-width: 349px) {
  #ausbildung_row:before {
    font-size: 3.5rem;
  }
}

/*
*****************************************************
* Buttons
*****************************************************
*/
.btn_primary {
  background-color: var(--gillen-primary);
  color: #000;
  padding: 12px 20px 14px;
  border-radius: 40px;
  font-weight: 700;
  position: relative;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .btn_primary {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  .btn_primary {
    font-size: 20px !important;
  }
}

.btn_secondary {
  background-color: transparent;
  color: var(--gillen-text-inverted);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
  border: 2px solid #fed100;
}

.btn_secondary i {
  font-size: 20px;
}

@media only screen and (min-width: 768px) {
  .btn_secondary {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 992px) {
  .btn_secondary {
    font-size: 20px !important;
  }
}

.btn_secondary .desktop-number {
  /*display: none;*/
  display: inline;
}

.btn_secondary:has(.desktop-number) {
  width: unset;
  border-radius: 50px;
  padding: 0 15px;
}

.btn_secondary:has(.desktop-number) i {
  margin-right: 10px;
}

@media (min-width: 768px) {
  .btn_secondary {
    width: unset;
    border-radius: 50px;
    padding: 0 15px;
  }
  .btn_secondary i {
    margin-right: 10px;
  }
  .btn_secondary .desktop-number {
    display: inline;
  }
}

.btn_primary:has(.fa-arrow-right) {
  padding-right: 55px;
}

@media only screen and (max-width: 349px) {
  .btn_primary:has(.fa-arrow-right) {
    padding-right: 47px;
  }
}

@media only screen and (min-width: 768px) {
  .btn_primary:has(.fa-arrow-right) {
    padding-right: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .btn_primary:has(.fa-arrow-right) {
    padding-right: 62px;
  }
}

.btn_primary:has(.fa-arrow-right) i {
  background-color: var(--gillen-background-dark);
  border-radius: 100%;
  color: var(--gillen-text-inverted);
  position: absolute;
  bottom: 3px;
  top: 3px;
  right: 3px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}

@media only screen and (max-width: 349px) {
  .btn_primary:has(.fa-arrow-right) i {
    width: 36px !important;
    bottom: 5px;
    top: 5px;
    right: 5px;
  }
}

@media only screen and (min-width: 768px) {
  .btn_primary:has(.fa-arrow-right) i {
    width: 42px !important;
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .btn_primary:has(.fa-arrow-right) i {
    width: 45px !important;
    font-size: 24px;
  }
}

.btn_round {
  background-color: var(--gillen-primary);
  padding: 16px 18px;
  border-radius: 50%;
  border: 3px solid var(--gillen-text-inverted);
  width: 62px !important;
  height: 62px !important;
}

.btn_round i {
  font-size: 22px;
  color: var(--gillen-brown) !important;
}

#spot_filiale .buttons, .hidden_filiale .buttons {
  flex-wrap: wrap;
}

/*
*****************************************************
* Testimonial
*****************************************************
*/
/*.testimonial_row {
  &::after {
    content: "";
    background-image: url(/images/assets/gillen_waves_blue.svg);
    background-repeat: repeat-x;
    background-size: inherit;
    background-attachment: scroll;
    position: absolute;
    display: block;
    width: 100vw;
    height: 10px;
    top: 29.5%;
    left: 0;
  }
}*/

/*
*****************************************************
* Timeline
*****************************************************
*/
.timeline .timeline-col {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fed100 7%, #fed100 16%, #fed100 82.5%, #fed100 91%, rgba(255, 255, 255, 0) 100%);
}

.timeline .year_box {
  position: relative;
}

.timeline .year_box .year p {
  color: #fffdf5;
  font-family: "Lilita One", Arial, sans-serif !important;
  font-size: 52px;
  line-height: 0.9;
  position: absolute;
  left: -43%;
}

@media only screen and (max-width: 399px) {
  .timeline .year_box .year p {
    left: -46%;
    font-size: 46px;
  }
}

@media only screen and (max-width: 339px) {
  .timeline .year_box .year p {
    font-size: 38px;
  }
}

@media only screen and (max-width: 299px) {
  .timeline .year_box .year p {
    font-size: 32px;
  }
}

@media only screen and (min-width: 576px) {
  .timeline .year_box .year p {
    left: -41%;
  }
}

@media only screen and (min-width: 768px) {
  .timeline .year_box .year p {
    left: -39%;
  }
}

@media only screen and (min-width: 992px) {
  .timeline .year_box .year p {
    left: -21%;
  }
}

@media only screen and (min-width: 1200px) {
  .timeline .year_box .year p {
    left: -13%;
  }
}

.timeline .year_box .bg_img {
  position: absolute;
  left: -50vw;
  top: -40px;
}

@media only screen and (max-width: 575px) {
  .timeline .year_box .bg_img img {
    width: 85%;
  }
}

@media only screen and (min-width: 576px) {
  .timeline .year_box .bg_img {
    left: -42vw;
  }
}

@media only screen and (min-width: 769px) {
  .timeline .year_box .bg_img {
    left: -77%;
  }
}

@media only screen and (min-width: 992px) {
  .timeline .year_box .bg_img {
    left: -45%;
  }
}

@media only screen and (min-width: 1200px) {
  .timeline .year_box .bg_img {
    left: -29%;
  }
}

.timeline .year_box .weizen {
  top: -100px;
  left: -55vw;
}

@media only screen and (min-width: 576px) {
  .timeline .year_box .weizen {
    left: -42vw;
  }
}

@media only screen and (min-width: 768px) {
  .timeline .year_box .weizen {
    left: -42vw;
  }
}

@media only screen and (min-width: 992px) {
  .timeline .year_box .weizen {
    left: -50%;
  }
}

@media only screen and (min-width: 1200px) {
  .timeline .year_box .weizen {
    left: -34%;
  }
}

.timeline .year_box .nudelholz {
  left: -55vw;
  top: -180px;
}

@media only screen and (max-width: 499px) {
  .timeline .year_box .nudelholz {
    left: -65vw;
  }
}

@media only screen and (max-width: 399px) {
  .timeline .year_box .nudelholz {
    left: -75vw;
  }
}

@media only screen and (min-width: 768px) {
  .timeline .year_box .nudelholz {
    left: -42vw;
  }
}

@media only screen and (min-width: 992px) {
  .timeline .year_box .nudelholz {
    left: -55%;
  }
}

@media only screen and (min-width: 1200px) {
  .timeline .year_box .nudelholz {
    left: -39%;
  }
}

.timeline .year_box .brot {
  top: 0px;
  left: -55vw;
}

@media only screen and (max-width: 499px) {
  .timeline .year_box .brot {
    left: -65vw;
  }
}

@media only screen and (max-width: 399px) {
  .timeline .year_box .brot {
    left: -75vw;
  }
}

@media only screen and (min-width: 768px) {
  .timeline .year_box .brot {
    left: -42vw;
  }
}

@media only screen and (min-width: 992px) {
  .timeline .year_box .brot {
    left: -62%;
  }
}

@media only screen and (min-width: 1200px) {
  .timeline .year_box .brot {
    left: -40%;
  }
}

/*
*****************************************************
* Blog
*****************************************************
*/
.mod-articleslatest-wrapper .splide__track {
  overflow: visible !important;
}

.mod-articleslatest {
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
  .mod-articleslatest {
    display: flex !important;
    gap: 15px !important;
  }
}

.mod-articleslatest .splide__slide {
  width: 300px !important;
}

@media only screen and (max-width: 379px) {
  .mod-articleslatest .splide__slide {
    width: 275px !important;
  }
}

@media only screen and (min-width: 567px) {
  .mod-articleslatest .splide__slide {
    width: 340px !important;
  }
}

@media only screen and (min-width: 992px) {
  .mod-articleslatest .splide__slide {
    width: 33% !important;
  }
}

.mod-articleslatest .item {
  height: 460px;
  border-radius: 6px;
}

@media only screen and (max-width: 379px) {
  .mod-articleslatest .item {
    height: 490px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mod-articleslatest .item {
    height: 540px;
  }
}

@media only screen and (min-width: 992px) {
  .mod-articleslatest .item {
    height: 620px;
  }
}

@media only screen and (min-width: 1200px) {
  .mod-articleslatest .item {
    height: 640px;
  }
}

.mod-articleslatest .category {
  font-weight: 700;
}

.mod-articleslatest img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
}

@media only screen and (max-width: 379px) {
  .mod-articleslatest img {
    height: 210px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mod-articleslatest img {
    height: 240px;
  }
}

@media only screen and (min-width: 992px) {
  .mod-articleslatest img {
    height: 255px;
  }
}

@media only screen and (min-width: 1200px) {
  .mod-articleslatest img {
    height: 300px;
  }
}

.mod-articleslatest .textContent {
  height: 260px;
  padding: 20px 40px 30px;
  position: relative;
}

@media only screen and (max-width: 499px) {
  .mod-articleslatest .textContent {
    padding: 20px 20px 30px;
  }
}

@media only screen and (max-width: 379px) {
  .mod-articleslatest .textContent {
    height: 280px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mod-articleslatest .textContent {
    height: 300px;
  }
}

@media only screen and (min-width: 992px) {
  .mod-articleslatest .textContent {
    padding: 20px 30px 30px;
    height: 365px;
  }
}

@media only screen and (min-width: 1200px) {
  .mod-articleslatest .textContent {
    padding: 20px 40px 30px;
    height: 340px;
  }
}

.mod-articleslatest .readmore {
  position: absolute;
  bottom: 15px;
  font-weight: 300;
  opacity: 0.75;
}

.view-category #sp-main-body {
  background-color: var(--gillen-background-light);
}

@media (min-width: 1400px) {
  .view-category .container {
    max-width: 1320px;
  }
}

.view-category #teaser {
  background-image: url(/images/assets/blog_teaser.jpg);
  margin-bottom: 25px;
}

.view-category .cat-children {
  margin-bottom: 55px;
}

.view-category .cat-children ul {
  gap: 10px;
  padding-left: 0 !important;
}

.view-category .cat-children ul li {
  list-style: none;
}

.view-category .cat-children .pref_btn {
  background-color: var(--gillen-blue);
  font-size: 18px;
  border: unset;
  border-radius: 30px;
  color: white;
  padding: 15px 20px;
  text-align: left;
}

.view-category .cat-children .pref_btn i {
  margin-right: 12px;
}

.view-category .cat-children .pref_btn.filter_active i {
  color: var(--nrml-primary);
}

.view-category .article {
  border-radius: 4px;
  max-width: 800px;
  margin-bottom: 50px;
}

.view-category .article .article-intro-image {
  border: none !important;
  height: 350px;
}

@media only screen and (max-width: 565px) {
  .view-category .article .article-intro-image {
    height: 250px;
  }
}

.view-category .article .article-intro-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.view-category .article .article-body {
  height: 220px;
}

@media only screen and (max-width: 565px) {
  .view-category .article .article-body {
    height: 240px;
  }
}

@media only screen and (max-width: 399px) {
  .view-category .article .article-body {
    height: 260px;
  }
}

@media only screen and (min-width: 1200px) {
  .view-category .article .article-body {
    height: 300px;
  }
}

.view-category .article .article-body .article-info .published::before {
  content: "-" !important;
  margin-left: 5px;
  padding: 0 4px !important;
}

.view-category .article .article-body .article-info * {
  font-size: 16px;
  opacity: 0.75;
}

.view-category .article .article-body h2 a {
  font-family: "Lilita One", Arial, sans-serif !important;
  font-weight: 400;
}

.view-category .article .article-body .readmore {
  display: flex;
  position: absolute;
  right: -7px;
  bottom: -20px;
}

.view-category .article_teaser {
  flex-direction: column;
  justify-content: end;
  align-items: flex-start;
  width: 100dvw;
  padding: 75px 15px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.view-category .article_teaser::after {
  position: absolute;
  z-index: -1;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(14, 3, 2, 0) 10%, rgba(2, 0, 0, 0.1) 61%, rgba(2, 0, 0, 0.3) 100%) !important;
}

.view-article .article-details {
  width: 100dvw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.view-article .article_teaser {
  aspect-ratio: 1450 / 930;
  flex-direction: column;
  justify-content: end;
  align-items: flex-start;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1399px) {
  .view-article .article_teaser {
    aspect-ratio: 1450 / 1040;
  }
}

@media only screen and (max-width: 1199px) {
  .view-article .article_teaser {
    aspect-ratio: 1450 / 1040;
  }
}

.view-article .article_teaser .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: flex-start;
  padding-bottom: 75px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .view-article .article_teaser .container {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 420px) {
  .view-article .article_teaser .container {
    padding-bottom: 30px;
  }
}

.view-article .article_teaser .container h1, .view-article .article_teaser .container .category {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.view-article .article_teaser .container h1 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .view-article .article_teaser .container h1 {
    font-size: 36px !important;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .view-article .article_teaser .container h1 {
    font-size: 30px !important;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 420px) {
  .view-article .article_teaser .container h1 {
    font-size: 24px !important;
  }
}

.view-article .article_teaser::after {
  aspect-ratio: 1450 / 930;
  position: absolute;
  z-index: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(14, 3, 2, 0) 10%, rgba(2, 0, 0, 0.1) 61%, rgba(2, 0, 0, 0.3) 100%) !important;
}

@media only screen and (max-width: 1399px) {
  .view-article .article_teaser::after {
    aspect-ratio: 1450 / 1040;
  }
}

@media only screen and (max-width: 1199px) {
  .view-article .article_teaser::after {
    aspect-ratio: 1450 / 1040;
  }
}

.view-article #sp-main-body {
  padding-bottom: 0;
}

.view-article .article_teaser .btn_primary {
  color: #000 !important;
}

.view-article .articleBody,
.view-article div[itemprop="articleBody"] {
  padding-top: 50px;
  padding-bottom: 75px;
}

.view-article .articleBody:has(.sppb-row-container),
.view-article div[itemprop="articleBody"]:has(.sppb-row-container) {
  padding-left: 0;
  padding-right: 0;
}

.view-article .article-info {
  display: none;
}

/*
*****************************************************
* Helper Classes
*****************************************************
*/
.bg_primary {
  background-color: var(--gillen-primary);
  font-weight: 700;
}

.bg_white {
  background-color: var(--gillen-background-light);
}

.bg_dark {
  background-color: var(--gillen-blue);
}

.bg_darkest {
  background-color: var(--gillen-background-darkest);
}

.text_primary,
.text_primary * {
  color: var(--gillen-primary) !important;
}

.text_white,
.text_white *:not(option):not(.btn_round i):not(.btn_primary):not(textarea):not(input):not(select) {
  color: var(--gillen-text-inverted) !important;
}

.text_white input,
.text_white textarea,
.text_white select,
.text_white option,
.text_white *:not(option):not(.btn_round i):not(.btn_primary):not(textarea):not(input):not(select) input,
.text_white *:not(option):not(.btn_round i):not(.btn_primary):not(textarea):not(input):not(select) textarea,
.text_white *:not(option):not(.btn_round i):not(.btn_primary):not(textarea):not(input):not(select) select,
.text_white *:not(option):not(.btn_round i):not(.btn_primary):not(textarea):not(input):not(select) option {
  color: #000 !important;
}

.text_bigger {
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  .text_bigger {
    font-size: 20px !important;
  }
}

@media only screen and (min-width: 992px) {
  .text_bigger {
    font-size: 22px !important;
  }
}

.weak_text {
  color: white;
  font-weight: 300;
}

.text_strong,
.text_strong * {
  font-size: 24px;
  font-family: "Lilita One", Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
  .text_strong,
  .text_strong * {
    font-size: 26px !important;
  }
}

@media only screen and (min-width: 992px) {
  .text_strong,
  .text_strong * {
    font-size: 28px !important;
  }
}

.ausbildung-icon .sppb-addon-single-image-container {
  overflow: visible !important;
}

.image_padding {
  padding-top: 150px;
  padding-bottom: 150px;
}

.yellow_icon .sppb-addon-single-image-container {
  background-color: var(--gillen-primary);
  border-radius: 100%;
}

.location_icon .sppb-addon-single-image-container {
  padding: 20px 22px;
  position: relative;
  top: 20px;
  right: 20px;
}

.job_icon .sppb-addon-single-image-container {
  padding: 22px 20px;
  position: relative;
  bottom: 20px;
  right: 20px;
}

.background-text h2 {
  position: absolute;
  top: -75px;
  left: -50px;
  transform: rotate(-6deg);
  color: rgba(46, 38, 33, 0.28);
  text-align: center;
  font-size: 120px !important;
  font-weight: 400;
  text-transform: uppercase;
}

.product_box .btn_round {
  position: absolute;
  right: -30px;
}

.popup {
  visibility: hidden;
  position: fixed;
  height: max-content;
  width: 325px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--gillen-background-light);
  border-radius: 4px;
  padding: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.popup p {
  font-size: 20px;
  text-align: center;
}

.popup-overlay {
  visibility: hidden;
  height: 110vh;
  width: 100vw;
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 565px) {
  .row-mobile-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .row-mobile-no-padding > .sppb-row-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

#wizard-section {
  max-height: calc(100dvh - 65px);
  margin-top: 170px !important;
}

@media only screen and (max-width: 1098px) {
  #wizard-section {
    margin-top: 90px !important;
  }
}

.contact_form a {
  color: var(--gillen-primary) !important;
}

.contact_form .btn_primary {
  border: none !important;
  color: #000 !important;
}

.contact_form input,
.contact_form select {
  color: #000 !important;
}

@media only screen and (min-width: 992px) {
  #about_us_teaser .image-column .sppb-section {
    border-radius: 6px;
  }
  #about_us_teaser .sppb-row-overlay {
    display: none !important;
  }
}

#gillen_card img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media only screen and (max-width: 1399px) and (min-width: 992px) {
  #gillen_card {
    padding-top: 75px !important;
    background-image: linear-gradient(180deg, var(--gillen-background-light) 0%, #5492c0 0%) !important;
  }
}

@media only screen and (max-width: 359px) {
  #gillen_card {
    background-image: linear-gradient(180deg, var(--gillen-background-light) 25%, #5492c0 25%) !important;
  }
}

#job_teaser .content-box {
  color: var(--gillen-text-inverted);
}

@media only screen and (max-width: 991px) {
  #job_teaser .content-box {
    background: var(--gillen-background-light);
    padding: 40px 40px 50px !important;
    color: #000;
    border-radius: 0 0 6px 6px;
  }
}

@media only screen and (max-width: 399px) {
  #job_teaser .content-box {
    padding: 20px 20px 40px !important;
  }
}

@media only screen and (max-width: 399px) {
  #job_teaser .content-box {
    padding: 20px 15px 40px !important;
  }
}

@media only screen and (max-width: 991px) {
  #job_teaser .image-box {
    border-radius: 6px 6px 0 0;
  }
}

@media only screen and (min-width: 992px) {
  #job_teaser .image-box {
    border-radius: 6px;
  }
}

#filialen_teaser {
  /*@media only screen and (min-width: 992px) {
    &::after {
      content: "";
      background-image: url(/images/assets/gillen_waves_blue.svg);
      background-repeat: repeat-x;
      background-size: inherit;
      background-attachment: scroll;
      position: relative;
      display: block;
      width: 100vw;
      height: 10px;
      bottom: -7px;
      left: -65px;
    }
  }*/
}

@media only screen and (max-width: 991px) and (min-width: 567px) {
  #filialen_teaser .image-box {
    border-radius: 6px 6px 0 0;
  }
}

@media only screen and (min-width: 992px) {
  #filialen_teaser .image-box {
    border-radius: 6px;
  }
}

@media only screen and (max-width: 991px) {
  #filialen_teaser {
    background: unset !important;
  }
}

/*
*****************************************************
* Benefits
*****************************************************
*/
.benefits h3 {
  text-transform: uppercase;
}

.benefits p {
  font-size: 16px;
}

.benefits .sp-dots li.active::after {
  width: 18px !important;
  height: 18px !important;
  background-color: var(--gillen-primary) !important;
}

.benefits img {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  height: 100px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
  .benefits img {
    height: 150px;
  }
}

@media only screen and (min-width: 1200px) {
  .benefits .sp-slider-outer-stage {
    height: 420px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .benefits .sp-nav-control {
    display: none;
  }
}

@media only screen and (max-width: 379px) {
  .benefits .sp-dots li,
  .benefits .sp-dots li.active::after {
    width: 16px !important;
    height: 16px !important;
  }
}

@media only screen and (max-width: 359px) {
  .benefits .sp-slider-outer-stage {
    height: 400px !important;
  }
  .benefits h3 {
    font-size: 20px;
  }
  .benefits p {
    font-size: 14px;
  }
  .benefits .sp-dots {
    bottom: 25px !important;
  }
  .benefits .sp-dots li,
  .benefits .sp-dots li.active::after {
    width: 14px !important;
    height: 14px !important;
  }
  .benefits .sp-dots ul {
    display: flex;
    flex-wrap: wrap;
  }
}

/*
*****************************************************
* Bootstrap Overrides
*****************************************************
*/
/*@media (min-width: 1400px) {
    .sppb-row-container {
        max-width: 1000px !important;
    }
}

@media (min-width: 1200px) {
    .sppb-row-container {
        max-width: 900px !important;
    }
}

@media (min-width: 992px) {
    .sppb-row-container {
        max-width: 800px !important;
    }
}*/