/* ==== NEU: Shimmer-Variablen (hell/dunkel) ==== */
:root {
  --skel-base: hsl(0 0% 92%);
  --skel-highlight: hsl(0 0% 98%);
  --skel-angle: 100deg;
  /* Diagonalwinkel */
  --skel-speed: 1.1s;
}

@media (prefers-color-scheme: dark) {
  :root {
    --skel-base: rgba(0, 0, 0, .05);
    --skel-highlight: rgba(0, 0, 0, .1);
  }
}
/* ==== NEU: Keyframes + Mixin ==== */
@keyframes skel-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.content_fnr_company_list {
  background-color: var(--background-default-primary);
  padding-block: var(--margin-padding-container-margin-updown);
}
.content_fnr_company_list[data-background=gray] {
  background-color: var(--background-default-secondary);
}
.content_fnr_company_list .company-filter {
  font-family: var(--font-family-paragraphs) !important;
  font-weight: 300 !important;
  font-size: var(--font-size-body-xs) !important;
  border-top: 1px solid var(--border-neutral-primary);
  padding-block: var(--margin-padding-general-2) var(--margin-padding-general-1);
}
.content_fnr_company_list .company-filter .company-search input[type=text] {
  font: inherit;
  color: inherit;
  background-color: var(--background-default-primary);
  border: 1px solid var(--border-default-tertiary);
  border-radius: var(--general-border-radius);
  padding: var(--margin-padding-general-1) var(--margin-padding-general-2);
  min-width: 220px;
}
.content_fnr_company_list .company-filter .company-search input[type=text]::placeholder {
  color: var(--text-default-secondary);
}
.content_fnr_company_list .company-filter .count-result:has(.count:empty) {
  opacity: 0;
}
.content_fnr_company_list .company-filter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: var(--text-default-secondary);
  font-family: var(--font-family-paragraphs);
  font-size: var(--font-size-body-xs);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: var(--letter-spacing-body-xs);
}
.content_fnr_company_list .company-filter ul .hidden-cb {
  display: none;
}
.content_fnr_company_list .company-filter ul > li {
  position: relative;
  display: inline-block;
  padding: 0;
  border-radius: var(--general-border-radius);
  border: 1px solid var(--border-default-tertiary);
  line-height: 18px;
}
.content_fnr_company_list .company-filter ul > li:hover {
  background-color: var(--background-neutral-secondary);
}
.content_fnr_company_list .company-filter ul > li label {
  padding: var(--margin-padding-general-1);
  width: 100%;
  cursor: pointer;
}
.content_fnr_company_list .company-filter ul > li label[for=cb-company-sort] {
  font-weight: 500;
}
.content_fnr_company_list .company-filter ul > li:has(ul):after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  right: var(--margin-padding-general-1);
  margin-top: 10px;
  top: 0;
  width: var(--icon-sm);
  height: var(--icon-sm);
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10.4135L4 6.41346L4.93333 5.48012L8 8.54679L11.0667 5.48012L12 6.41346L8 10.4135Z' fill='%234D4D4D'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: var(--icon-neutral-primary);
  transition: 0.2s;
}
.content_fnr_company_list .company-filter ul > li ul {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  width: 150px;
  overflow-y: auto;
  padding: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border-radius: 12px;
  background-color: var(--background-default-primary);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  display: none;
}
.content_fnr_company_list .company-filter ul > li ul li {
  display: block;
  border: none;
  width: 100%;
}
.content_fnr_company_list .company-filter ul > li ul li label {
  padding: var(--margin-padding-general-1);
}
.content_fnr_company_list .company-filter ul > li ul li input[type=radio] {
  display: none;
}
.content_fnr_company_list .company-filter ul > li ul li input[type=radio] + label {
  position: relative;
  padding-left: calc(18px + var(--margin-padding-general-1));
}
.content_fnr_company_list .company-filter ul > li ul li input[type=radio] + label:before {
  content: "";
  position: absolute;
  margin-left: calc((18px + var(--margin-padding-general-1)) * -1);
  width: 18px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z' fill='%23F8FBF4'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-position: center;
  background-color: var(--background-default-tertiary);
  transition: 0.2s;
}
.content_fnr_company_list .company-filter ul > li ul li input[type=radio]:checked + label:before {
  background-color: #007D40;
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C16.55 0 17.0204 0.196224 17.4121 0.587891C17.8038 0.979557 18 1.45 18 2V16C18 16.55 17.8038 17.0204 17.4121 17.4121C17.0204 17.8038 16.55 18 16 18H2C1.45 18 0.979557 17.8038 0.587891 17.4121C0.196224 17.0204 0 16.55 0 16V2C0 1.45 0.196224 0.979557 0.587891 0.587891C0.979557 0.196224 1.45 0 2 0H16ZM7.59961 10.4004L4.75 7.5498L3.34961 8.9502L7.59961 13.2002L14.6504 6.15039L13.25 4.75L7.59961 10.4004Z' fill='%23007D40'/%3E%3C/svg%3E");
}
.content_fnr_company_list .company-filter ul li:has([type=checkbox].filter-selected-cb:checked):has(ul) {
  background: var(--background-brand-tertiary);
}
.content_fnr_company_list .company-filter ul li:has([type=checkbox].filter-selected-cb:checked):has(ul):after {
  transform: rotate(180deg);
}
.content_fnr_company_list .company-filter ul li:has([type=checkbox].filter-selected-cb:checked):has(ul) ul {
  display: flex;
}
.content_fnr_company_list .company-list {
  padding-block: var(--margin-padding-container-row-gap);
}
.content_fnr_company_list .company-list > .row {
  gap: var(--margin-padding-row-gutter) 0;
  text-align: start;
}
.content_fnr_company_list .company-list .company-image {
  overflow: hidden;
  aspect-ratio: 267/166;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--margin-padding-general-2);
}
.content_fnr_company_list .company-list .company-image img {
  transition: 0.3s;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.content_fnr_company_list .company-list .company-image:hover img {
  transform: scale(1.04);
}
.content_fnr_company_list .company-list a {
  text-decoration: none !important;
  color: inherit !important;
}
.content_fnr_company_list .company-list .skeleton {
  order: 500000;
  display: none;
}
.content_fnr_company_list .company-list .skeleton .company-image {
  background: linear-gradient(var(--skel-angle), var(--skel-highlight) 8%, var(--skel-base) 18%, var(--skel-highlight) 33%);
  background-size: 200% 100%;
  animation: skel-shimmer var(--skel-speed) ease-in-out infinite;
  aspect-ratio: 267/166;
  overflow: hidden;
}
.content_fnr_company_list .company-list .skeleton .company-content .company-title {
  min-height: 22px;
  width: 80%;
  margin-bottom: var(--paragraph-spacing-h4-bottom);
  background: linear-gradient(var(--skel-angle), var(--skel-highlight) 8%, var(--skel-base) 18%, var(--skel-highlight) 33%);
  background-size: 200% 100%;
  animation: skel-shimmer var(--skel-speed) ease-in-out infinite;
}
.content_fnr_company_list .company-list .skeleton .company-content .company-description {
  min-height: 44px;
  width: 100%;
  background: linear-gradient(var(--skel-angle), var(--skel-highlight) 8%, var(--skel-base) 18%, var(--skel-highlight) 33%);
  background-size: 200% 100%;
  animation: skel-shimmer var(--skel-speed) ease-in-out infinite;
}
.content_fnr_company_list .company-list.is-loading .skeleton {
  display: unset;
}
.content_fnr_company_list .company-list .company-content {
  padding-block: var(--margin-padding-general-2);
}
.content_fnr_company_list .company-list .company-content h6 {
  margin-bottom: var(--paragraph-spacing-h4-bottom);
  position: relative;
  padding-right: 38px;
  display: block;
}
.content_fnr_company_list .company-list .company-content h6:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: var(--icon-md);
  height: calc(var(--icon-md) / 1.5);
  display: inline-block;
  mask-image: url("data:image/svg+xml,%3Csvg width='19' height='9' viewBox='0 0 19 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3462 8.98719L13.277 7.93344L15.627 5.58344H0.5V4.08344H15.627L13.2923 1.73344L14.3615 0.679688L18.5 4.83344L14.3462 8.98719Z' fill='%23007D40'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--icon-default-primary);
  margin-left: var(--margin-padding-general-2);
}
.content_fnr_company_list .company-list .company-content p {
  margin: 0;
}
.content_fnr_company_list .company-list .rs-button.more:after {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.25H5V11.25H11V5.25H13V11.25H19V13.25H13V19.25H11V13.25Z' fill='%234D4D4D'/%3E%3C/svg%3E") !important;
  background-color: var(--icon-neutral-primary) !important;
}
