/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 14:59:02 */
/* Elementor: Original-Seitenverhältnis hochgeladener Videos */
.elementor-widget-video .e-hosted-video.elementor-wrapper {
  aspect-ratio: auto !important;
  height: auto !important;
  padding-bottom: 0 !important;
}

.elementor-widget-video .e-hosted-video video.elementor-video {
  display: block;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

.elementor-widget-video .elementor-wrapper video {
    background-color: transparent;
}


/* Menü für Preview */
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
  animation: hide-scroll .3s backwards;
  max-height: var(--menu-height);
  transform: scaleY(1);
  width: 300px;
}

body,
html {
  overflow-x: hidden;
  overflow-y: auto;
}


/* --------------------------------------------------
   Kicker
-------------------------------------------------- */

.tsf-kicker .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;

  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: color-mix(in srgb, var(--e-global-color-text) 15%, transparent) !important;

  font-weight: 700;
  line-height: 1;
}

.tsf-kicker .elementor-heading-title::before {
  content: "—";
}

@media screen and (max-width: 768px) {
  .tsf-kicker .elementor-heading-title {
    font-size: 12px;
    color: color-mix(in srgb, var(--e-global-color-text) 25%, transparent) !important;
  }
}


/* --------------------------------------------------
   Headlines / Paragraphs
-------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block-end: 2rem;
  margin-block-start: 1rem;
}

p {
  margin-block-end: 1.5vw !important;
}

@media screen and (max-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block-end: 15px;
    margin-block-start: 15px;
  }

  p {
    margin-block-end: 15px !important;
  }
}


/* --------------------------------------------------
   CONTENT-LINKS IN LISTEN
   Nur innerhalb von Elementor Text-Editor Widgets
-------------------------------------------------- */

body:not(.elementor-editor-active) .elementor-widget-text-editor ul li > a,
body:not(.elementor-editor-active) .elementor-widget-text-editor ol li > a,
body:not(.elementor-editor-active) .elementor-widget-text-editor ul li > span > a,
body:not(.elementor-editor-active) .elementor-widget-text-editor ol li > span > a {
  display: inline-block;
}


/* --------------------------------------------------
   CONTENT-LISTENSTYLE
   Nur innerhalb von Elementor Text-Editor Widgets
-------------------------------------------------- */

/* UL: Disc entfernen und eigenen Gedankenstrich setzen */
body:not(.elementor-editor-active) .elementor-widget-text-editor ul {
  list-style: none;
  padding-left: 1.4em;
  margin-block-end: 1.5vw;
}

body:not(.elementor-editor-active) .elementor-widget-text-editor ul li {
  position: relative;
}

body:not(.elementor-editor-active) .elementor-widget-text-editor ul li::before {
  content: "–";
  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
  position: absolute;
  left: -1.1em;
}

/* OL: normale Nummerierung behalten */
body:not(.elementor-editor-active) .elementor-widget-text-editor ol {
  padding-left: 1.4em;
  margin-block-end: 1.5vw;
}

body:not(.elementor-editor-active) .elementor-widget-text-editor ol li::marker {
  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
}


/* Mobile: Listenabstand */
@media screen and (max-width: 768px) {
  body:not(.elementor-editor-active) .elementor-widget-text-editor ul,
  body:not(.elementor-editor-active) .elementor-widget-text-editor ol {
    margin-block-end: 15px !important;
  }
}




/* --------------------------------------------------
   Contentlinks grün
   Footer ausgeschlossen
   Auch strong/span im Link werden mitgefärbt
-------------------------------------------------- */

body:not(.elementor-editor-active) .elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a:not([x-apple-data-detectors]):not([href^="maps:"]):not([href^="http://maps.apple.com"]):not([href^="https://maps.apple.com"]),
body:not(.elementor-editor-active) .elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a:not([x-apple-data-detectors]):not([href^="maps:"]):not([href^="http://maps.apple.com"]):not([href^="https://maps.apple.com"]) * {
  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
  text-decoration: none !important;
}

/* Lightmode Hover: normale Textfarbe */
body:not(.darkmode):not(.elementor-editor-active) .elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a:not([x-apple-data-detectors]):not([href^="maps:"]):not([href^="http://maps.apple.com"]):not([href^="https://maps.apple.com"]):hover,
body:not(.darkmode):not(.elementor-editor-active) .elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a:not([x-apple-data-detectors]):not([href^="maps:"]):not([href^="http://maps.apple.com"]):not([href^="https://maps.apple.com"]):hover * {
  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
}

/* Darkmode Hover: normale Textfarbe */
body.darkmode:not(.elementor-editor-active) .elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a:not([x-apple-data-detectors]):not([href^="maps:"]):not([href^="http://maps.apple.com"]):not([href^="https://maps.apple.com"]):hover,
body.darkmode:not(.elementor-editor-active) .elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a:not([x-apple-data-detectors]):not([href^="maps:"]):not([href^="http://maps.apple.com"]):hover * {
  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
}


/* --------------------------------------------------
   Mobile Header / Logo
-------------------------------------------------- */

@media only screen and (max-width: 768px) {
  .header {
    background-color: var(--e-global-color-primary);
  }

  .tsf-logo img,
  img.tsf-logo {
    filter: brightness(0) invert(1);
  }
}


/* --------------------------------------------------
   Popup / Page Transition
-------------------------------------------------- */

#elementor-popup-modal-1182, #elementor-popup-modal-9124 {
  z-index: 998 !important;
}

.dialog-widget-content .elementor-element,
.elementor-popup-modal .elementor-element {
  opacity: 1 !important;
  transform: none !important;
}

html.tsf-page-transition-ready .dialog-widget,
html.tsf-page-transition-ready .elementor-popup-modal {
  opacity: 1;
  transition: opacity 0.45s ease 0.18s;
}

html.tsf-page-transition-out .dialog-widget,
html.tsf-page-transition-out .elementor-popup-modal {
  opacity: 0;
}


/* --------------------------------------------------
   Anchor Offset – Sticky Header Mobile
-------------------------------------------------- */

.elementor-menu-anchor {
  scroll-margin-top: 120px;
}

@media (max-width: 767px) {
  .elementor-menu-anchor {
    scroll-margin-top: 160px;
  }
}






/* --------------------------------------------------
   Support Button – moderner pulsierender Dot
   Ring bleibt exakt mittig
-------------------------------------------------- */

.supportbutton .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65em !important;
}

/* Punkt + Ring in einem Element */
.supportbutton .elementor-button::before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background: #ffffff;
  flex: 0 0 auto;
  position: relative;

  box-shadow:
    0 0 0.35em rgba(255, 255, 255, 0.75),
    0 0 0.75em rgba(0, 255, 210, 0.45);

  animation: supportDotModern 1s ease-in-out infinite;
}

/* äußerer Ring über box-shadow, dadurch immer mittig */
@keyframes supportDotModern {
  0% {
    transform: scale(1);
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0.55),
      0 0 0.35em rgba(255, 255, 255, 0.75),
      0 0 0.75em rgba(0, 255, 210, 0.45);
  }

  18% {
    transform: scale(1.18);
    box-shadow:
      0 0 0 0.18em rgba(255, 255, 255, 0.32),
      0 0 0.45em rgba(255, 255, 255, 0.9),
      0 0 0.95em rgba(0, 255, 210, 0.6);
  }

  45% {
    transform: scale(1);
    box-shadow:
      0 0 0 0.42em rgba(255, 255, 255, 0),
      0 0 0.3em rgba(255, 255, 255, 0.65),
      0 0 0.7em rgba(0, 255, 210, 0.35);
  }

  100% {
    transform: scale(1);
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0),
      0 0 0.35em rgba(255, 255, 255, 0.75),
      0 0 0.75em rgba(0, 255, 210, 0.45);
  }
}




.boxohnebutton .box-bg-image {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.boxohnebutton .box-bg-image::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  background-attachment: inherit;

  filter: url("#gradient-map-3colors") !important;
  -webkit-filter: url("#gradient-map-3colors") !important;

  opacity: 1;
  transition: opacity 0.5s ease;
  pointer-events: none;
  z-index: 0;
}

.boxohnebutton:hover .box-bg-image::before {
  opacity: 0;
}

.boxohnebutton .box-bg-image > * {
  position: relative;
  z-index: 1;
}




/* --------------------------------------------------
   Listenmarker auf grünem Hintergrund weiß
-------------------------------------------------- */

body:not(.elementor-editor-active)
.elementor-widget-text-editor.tsf-list-on-green
ul li::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body:not(.elementor-editor-active)
.elementor-widget-text-editor.tsf-list-on-green
ol li::marker {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}





/* --------------------------------------------------
   Listing-Slider – Schatten nicht abschneiden
-------------------------------------------------- */

.jet-listing-grid__slider,
.jet-listing-grid__slider .slick-list,
.jet-listing-grid__slider .swiper,
.jet-listing-grid__slider .swiper-wrapper {
  overflow: visible !important;
}

/* Etwas Luft für den Schatten */
.jet-listing-grid__slider {
  padding: 1.5em !important;
  margin: -1.5em !important;
  box-sizing: border-box !important;
}

/* Navigation über den Cards halten */
.jet-listing-grid__slider .slick-arrow,
.jet-listing-grid__slider .swiper-button-prev,
.jet-listing-grid__slider .swiper-button-next {
  z-index: 20 !important;
}





/* --------------------------------------------------
   Referenzen-Slider – Pfeile wie im Header-Slider
   Desktop + Mobile
-------------------------------------------------- */

.referenzenslider .jet-listing-grid__slider-icon.swiper-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 20 !important;

  width: 2em !important;
  height: 2em !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: translateY(-50%) !important;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: var(--e-global-color-primary) !important;

  font-size: 2em !important;
  line-height: 1 !important;

  overflow: visible !important;

  cursor: pointer !important;
  user-select: none !important;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease !important;
}


/* --------------------------------------------------
   Originales Crocoblock-SVG ausblenden
-------------------------------------------------- */

.referenzenslider .jet-listing-grid__slider-icon.swiper-arrow svg {
  display: none !important;
}


/* --------------------------------------------------
   Pfeil aus zwei abgerundeten Balken zeichnen
-------------------------------------------------- */

.referenzenslider
.jet-listing-grid__slider-icon.swiper-arrow::before,
.referenzenslider
.jet-listing-grid__slider-icon.swiper-arrow::after {
  content: "" !important;

  position: absolute !important;

  width: 0.66em !important;
  height: 0.16em !important;

  background-color: currentColor !important;
  border: 0 !important;
  border-radius: 999px !important;

  transform-origin: center !important;
}


/* Linker Pfeil */

.referenzenslider
.jet-listing-grid__slider-icon.prev-arrow::before {
  transform:
    translate(-0.03em, -0.21em)
    rotate(-45deg) !important;
}

.referenzenslider
.jet-listing-grid__slider-icon.prev-arrow::after {
  transform:
    translate(-0.03em, 0.21em)
    rotate(45deg) !important;
}


/* Rechter Pfeil */

.referenzenslider
.jet-listing-grid__slider-icon.next-arrow::before {
  transform:
    translate(0.03em, -0.21em)
    rotate(45deg) !important;
}

.referenzenslider
.jet-listing-grid__slider-icon.next-arrow::after {
  transform:
    translate(0.03em, 0.21em)
    rotate(-45deg) !important;
}


/* --------------------------------------------------
   Desktop-Position
-------------------------------------------------- */

.referenzenslider .jet-listing-grid__slider-icon.prev-arrow {
  left: -2vw !important;
  right: auto !important;
}

.referenzenslider .jet-listing-grid__slider-icon.next-arrow {
  right: -2vw !important;
  left: auto !important;
}


/* --------------------------------------------------
   Hover
-------------------------------------------------- */

.referenzenslider .jet-listing-grid__slider-icon.swiper-arrow:hover {
  opacity: 0.65 !important;
}


/* --------------------------------------------------
   Deaktivierter Pfeil
-------------------------------------------------- */

.referenzenslider
.jet-listing-grid__slider-icon.swiper-arrow.swiper-button-disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
}


/* --------------------------------------------------
   Mobile
   Bildhöhe: 200px
   Pfeile mittig im Bild
-------------------------------------------------- */

@media (max-width: 767px) {

  .referenzenslider .jet-listing-grid__slider-icon.swiper-arrow {
    top: auto !important;
    bottom: 145px !important;

    width: 1.5em !important;
    height: 1.5em !important;

    font-size: 1.5em !important;

    transform: translateY(50%) !important;
    overflow: visible !important;
  }

  .referenzenslider
  .jet-listing-grid__slider-icon.swiper-arrow::before,
  .referenzenslider
  .jet-listing-grid__slider-icon.swiper-arrow::after {
    width: 0.75em !important;
    height: 0.16em !important;
  }

  .referenzenslider
  .jet-listing-grid__slider-icon.prev-arrow::before {
    transform:
      translate(-0.03em, -0.24em)
      rotate(-45deg) !important;
  }

  .referenzenslider
  .jet-listing-grid__slider-icon.prev-arrow::after {
    transform:
      translate(-0.03em, 0.24em)
      rotate(45deg) !important;
  }

  .referenzenslider
  .jet-listing-grid__slider-icon.next-arrow::before {
    transform:
      translate(0.03em, -0.24em)
      rotate(45deg) !important;
  }

  .referenzenslider
  .jet-listing-grid__slider-icon.next-arrow::after {
    transform:
      translate(0.03em, 0.24em)
      rotate(-45deg) !important;
  }

  .referenzenslider .jet-listing-grid__slider-icon.prev-arrow {
    left: 26px !important;
    right: auto !important;
  }

  .referenzenslider .jet-listing-grid__slider-icon.next-arrow {
    right: 26px !important;
    left: auto !important;
  }
}


/* --------------------------------------------------
   Referenzen-Slider – Verlauf bis ganz nach außen
-------------------------------------------------- */

@media (min-width: 768px) {

  .referenzenslider .jet-listing-grid__slider {
    position: relative !important;
    overflow: visible !important;
  }

  .referenzenslider .jet-listing-grid__slider::before,
  .referenzenslider .jet-listing-grid__slider::after {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;

    width: calc(19% + 3vw) !important;

    z-index: 8 !important;
    pointer-events: none !important;
  }

  /* Links bis über den äußeren Rand */
  .referenzenslider .jet-listing-grid__slider::before {
    left: -3vw !important;

    background: linear-gradient(
      to right,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-accent) 25%,
      rgba(240, 245, 247, 0.92) 46%,
      rgba(240, 245, 247, 0.5) 72%,
      rgba(240, 245, 247, 0) 100%
    ) !important;
  }

  /* Rechts bis über den äußeren Rand */
  .referenzenslider .jet-listing-grid__slider::after {
    right: -3vw !important;

    background: linear-gradient(
      to left,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-accent) 25%,
      rgba(240, 245, 247, 0.92) 46%,
      rgba(240, 245, 247, 0.5) 72%,
      rgba(240, 245, 247, 0) 100%
    ) !important;
  }

  .referenzenslider .jet-listing-grid__slider-icon.swiper-arrow {
    z-index: 20 !important;
  }
}


/* --------------------------------------------------
   Darkmode
-------------------------------------------------- */

@media (min-width: 768px) {

  html.darkmode .referenzenslider .jet-listing-grid__slider::before,
  body.darkmode .referenzenslider .jet-listing-grid__slider::before {
    background: linear-gradient(
      to right,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-accent) 25%,
      rgba(17, 26, 52, 0.92) 46%,
      rgba(17, 26, 52, 0.5) 72%,
      rgba(17, 26, 52, 0) 100%
    ) !important;
  }

  html.darkmode .referenzenslider .jet-listing-grid__slider::after,
  body.darkmode .referenzenslider .jet-listing-grid__slider::after {
    background: linear-gradient(
      to left,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-accent) 25%,
      rgba(17, 26, 52, 0.92) 46%,
      rgba(17, 26, 52, 0.5) 72%,
      rgba(17, 26, 52, 0) 100%
    ) !important;
  }
}








/* --------------------------------------------------
   Referenzen-Slider – identische Boxhöhen
-------------------------------------------------- */

.referenzenslider .swiper-wrapper {
  align-items: stretch !important;
}

.referenzenslider .swiper-slide {
  height: auto !important;
}

.referenzenslider .swiper-slide .boxohnebutton {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}




/* --------------------------------------------------
   Buttonliste – Inhaltsverzeichnis als Buttons
-------------------------------------------------- */

.buttonliste ol,
.buttonliste ul {
  list-style: none !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 0.8em !important;

  margin: 0 0 2vw 0 !important;
  padding: 0 !important;
}


/* Listenelement */
.buttonliste li {
  position: relative !important;

  list-style: none !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 0.6em !important;
  overflow: hidden !important;

  background: var(--e-global-color-secondary) !important;

  box-shadow: none !important;

  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease !important;
}


/* Nummern / Marker / globale Listenstriche entfernen */
.buttonliste li::marker,
.buttonliste li::before,
.buttonliste ol li::marker,
.buttonliste ul li::marker {
  content: none !important;
  display: none !important;
  color: transparent !important;
}


/* Link füllt Button komplett */
.buttonliste li > a {
  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0.85em 1.1em !important;

  border-radius: inherit !important;

  background: transparent !important;
  background-color: transparent !important;

  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;

  text-decoration: none !important;

  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;

  box-shadow: none !important;
  outline: none !important;

  transition:
    color 0.25s ease,
    background-color 0.25s ease !important;
}


/* Text im Link */
.buttonliste li > a strong,
.buttonliste li > a span,
.buttonliste li > a * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}


/* --------------------------------------------------
   Aktive Section – Systemfläche mit grüner Outline
-------------------------------------------------- */

.buttonliste li.is-active {
  background: var(--e-global-color-secondary) !important;

  box-shadow: inset 0 0 0 0.14em var(--e-global-color-primary) !important;
}

.buttonliste li.is-active > a {
  background: transparent !important;
  background-color: transparent !important;

  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
}

.buttonliste li.is-active > a strong,
.buttonliste li.is-active > a span,
.buttonliste li.is-active > a * {
  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
}


/* --------------------------------------------------
   Hover – Button voll grün, Text System-Textfarbe
-------------------------------------------------- */

.buttonliste li:hover {
  background: var(--e-global-color-primary) !important;

  box-shadow: none !important;
}

.buttonliste li:hover > a {
  background: transparent !important;
  background-color: transparent !important;

  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
}

.buttonliste li:hover > a strong,
.buttonliste li:hover > a span,
.buttonliste li:hover > a * {
  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
}


/* --------------------------------------------------
   Focus / Active / Visited sauber halten
-------------------------------------------------- */

.buttonliste li > a:focus,
.buttonliste li > a:active,
.buttonliste li > a:visited {
  background: transparent !important;
  background-color: transparent !important;

  outline: none !important;
  box-shadow: none !important;

  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
}


/* Aktiver Link darf bei visited/focus nicht zurückspringen */
.buttonliste li.is-active > a:focus,
.buttonliste li.is-active > a:active,
.buttonliste li.is-active > a:visited {
  color: var(--e-global-color-primary) !important;
  -webkit-text-fill-color: var(--e-global-color-primary) !important;
}


/* Hover gewinnt immer */
.buttonliste li:hover > a:focus,
.buttonliste li:hover > a:active,
.buttonliste li:hover > a:visited {
  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
}


/* --------------------------------------------------
   Darkmode – komplett über Elementor-Systemfarben
-------------------------------------------------- */

html.darkmode .buttonliste li,
body.darkmode .buttonliste li {
  background: var(--e-global-color-secondary) !important;
}

html.darkmode .buttonliste li.is-active,
body.darkmode .buttonliste li.is-active {
  background: var(--e-global-color-secondary) !important;

  box-shadow: inset 0 0 0 0.14em var(--e-global-color-primary) !important;
}

html.darkmode .buttonliste li:hover,
body.darkmode .buttonliste li:hover {
  background: var(--e-global-color-primary) !important;

  box-shadow: none !important;
}


/* --------------------------------------------------
   Mobile
-------------------------------------------------- */

@media (max-width: 767px) {

  .buttonliste ol,
  .buttonliste ul {
    gap: 8px !important;
    margin: 0 0 20px 0 !important;
  }

  .buttonliste li {
    border-radius: 10px !important;
  }

  .buttonliste li > a {
    padding: 12px 15px !important;
  }
}