.elementor-8876 .elementor-element.elementor-element-b74947e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-8876 .elementor-element.elementor-element-ad8d83f{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-8876 .elementor-element.elementor-element-a876a0f{--grid-columns:1;--grid-row-gap:40px;--grid-column-gap:20px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-8876 .elementor-element.elementor-element-a876a0f{--grid-columns:1;}}@media(min-width:768px){.elementor-8876 .elementor-element.elementor-element-b74947e{--content-width:1250px;}}@media(max-width:767px){.elementor-8876 .elementor-element.elementor-element-b74947e{--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:0em;}.elementor-8876 .elementor-element.elementor-element-7845495{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8876 .elementor-element.elementor-element-ad8d83f{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-8876 .elementor-element.elementor-element-a876a0f{--grid-columns:1;--grid-row-gap:27px;--grid-column-gap:18px;}.elementor-8876 .elementor-element.elementor-element-a876a0f > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-7845495 */.media-kategorie-filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px!important;
  flex-wrap: wrap;
  padding:0px!important;
}

.button-e-filter-item {
  align-items: center;
  appearance: button;
  background-color: initial;
  border: 1px solid!important;
  color: #1f3a6a!important;
  border-color: #1f3a6a!important;
  border-radius: 20px;
  box-sizing: border-box;
  color: #1f3a6a;
  display: inline-flex;
  font-family: Girocard, sans-serif;
  font-size: 18px;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin: 0;
  outline: 0;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 5px 30px;
  text-align: center;
  text-transform: none;
  text-wrap: nowrap;
  transition: all .3s;
  user-select: none;
  white-space-collapse: collapse;
  width: auto;
}

@media (max-width: 1024px) {
  .button-e-filter-item {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .media-kategorie-filters {
    justify-content: flex-start; /* Align items to the left */
    overflow-x: auto; /* Enable horizontal scrolling */
    flex-wrap: nowrap; /* Prevent wrapping */
    padding: 10px; /* Optional: Add some padding for better appearance */

    /* Hide scrollbar for WebKit-based browsers (Chrome, Safari, etc.) */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scrollbar-width: none; /* Firefox */
  }

  /* Hide scrollbar for WebKit browsers */
  .media-kategorie-filters::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
  }

  /* Hide scrollbar for Firefox */
  .media-kategorie-filters {
    scrollbar-width: none; /* Firefox */
  }

  .button-e-filter-item {
    font-size: 14px;
    flex-shrink: 0; /* Prevent buttons from shrinking */
  }
}

.button-e-filter-item:focus {
  background-color: transparent!important;
  border-color: #1f3a6a!important;
  border-style: solid;
  text-decoration: none;
  color: #1f3a6a!important;
}

.button-e-filter-item:hover {
  border-color: #1f3a6a;
  color: #ffffff!important;
  background: #1f3a6a!important;
  border-style: solid;
  text-decoration: none;
}

.button-e-filter-item:not(:disabled) {
  cursor: pointer;
}


.button-e-filter-item.active {
  background-color: #1f3a6a;
  color: #fff!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a876a0f */a.bdt-modal-button.elementor-button.elementor-size-sm {
    background: transparent !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 0px !important;
}/* End custom CSS */