/* kaeltehilfe */

.tm-header-placeholder {
  display: none;
}

/* header kaeltehilfe banner */

#module-164 .uk-section-default {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (max-width: 959px) {
  #module-164 {
    display: none;
  }
}

/* @media (max-width:960px) {
      .uk-navbar-container {
        display: none;
      }
} */

/* navbar container */

.uk-container {
  max-width: 1500px;
}

/* Navbar */

@media (min-width: 960px) and (max-width: 1100px) {
  .uk-navbar-nav > li > a {
    padding: 0 0px;
    font-size: 12px;
  }
  .uk-navbar-nav {
    gap: 10px;
  }
  .uk-search-default {
    width: 160px;
  }
  .uk-search-input {
    font-size: 12px;
  }
}

@media (min-width: 1101px) and (max-width: 1450px) {
  .uk-navbar-nav > li > a {
    padding: 0 5px;
    font-size: 14px;
  }
  .uk-navbar-nav {
    gap: 10px;
  }
  .uk-search-default {
    width: 160px;
  }
  .uk-search-input {
    font-size: 14px;
  }
}

@media (min-width: 1451px) {
  .uk-navbar-nav > li > a {
    padding: 0 15px;
    font-size: 18px;
  }
}

/* divider */

.uk-divider-icon {
  position: relative;
  height: 20px;
  background-image: url(../../../images/kaeltehilfe_divider/kaeltehilfe_divider_schneeflocke.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* angebote karten */

/* Träger */

.fs-grid-item-holder .uk-text-meta {
  margin-top: 10px !important;
}

.uk-text-meta {
  min-height: 45px;
}

/* divs auf Karten */

/* Filter */

span.card-filters-filter {
  border: 1px solid #adb5bd75;
  border-radius: 50px;
  padding: 0.25rem 0.625rem;
  font-size: 0.875rem;
  cursor: default;
}

.card-filters-filter img.kategorieImage {
  height: 1.125rem;
}

.fs-grid-text.fs-grid-text-6 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.375rem;
  row-gap: 0.5rem;
  padding-bottom: 10px;
}

.fs-load-more-container .el-meta {
  font-size: 0.875rem;
  margin-top: 8px !important;
}

/* Wochentage */
.fs-grid-text-4 {
  height: 50px;
}

/* Öffnungszeiten */
.fs-grid-text-7 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
  line-height: 1.4;
}

.fs-grid-text.fs-grid-text-2,
.fs-grid-text.fs-grid-text-9,
.fs-grid-text.fs-grid-text-10 {
  display: flex;
  gap: 0.75rem;
}

/* Beschreibung */
.fs-grid-text-8 {
  /* height: 290px; */
  border-bottom: 1px solid #d9d9d9;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  line-height: 1.5;
}

.fs-grid-fieldset-8,
.fs-grid-fieldset-7 {
  width: 100% !important;
}

/* Anderes */

.fs-grid-nested-4,
.fs-grid-nested-5 {
  flex-direction: column;
}

/* Ampel */

/* .fs-grid-nested-2-container {
  min-height: 50px;
} */

.fs-grid-fieldset-14 {
  width: 40px;
  display: inline-block;
}
.fs-grid-fieldset-15 {
  width: 40px;
  display: inline-block;
}
.fs-grid-fieldset-16 {
  width: 40px;
  display: inline-block;
}
.fs-grid-fieldset-17 {
  width: 40px;
  display: inline-block;
}

/* Ampel Dropdown */

.uk-dropdown.ampel-dropdown {
  min-width: 400px;
}

/* telefon link auf karten */

.fs-grid-text a {
  text-decoration: none;
  color: #2d2e33;
}

/* Besonderes */

.fs-grid-text.fs-grid-text-3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* divs auf Karten Schriftgrößen */

@media (min-width: 1200px) and (max-width: 1500px) {
  /* Adresse */
  .fs-grid-text-9 {
    font-size: 12px;
  }

  /* Telefonnummer */
  .fs-grid-text-10 {
    font-size: 12px;
  }

  /* Geschlechter */
  .fs-grid-text-2 {
    font-size: 12px;
  }

  /* Besonderes */
  .fs-grid-text-3 {
    font-size: 12px;
  }
}

/* Divider auf Karten */

/* .fs-grid-nested-4-container {
  border-bottom: 1px solid grey;
} */

/* Ampel vor Headline, display-inline */

/* Name der Einrichtung auf Kacheln */
.h4,
.uk-h4,
h4 {
  font-size: 1.5rem;
  line-height: 1.25;
  font-family: "Work Sans";
  font-weight: 500;
  text-transform: none;
  letter-spacing: 2px;
  display: inline-block;
  min-height: 4rem;
}

.el-title a:hover {
  color: #2d2e33 !important;
}

/* ===========================================================================*/

/* angebote filter */

.uk-child-width-auto > * {
  width: 100 %;
}

.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: -10px;
  bottom: 0;
  height: 40px;
  border-left: 0px solid #e5e5e7;
}

/* Angebote Filter Dropdowns */

.uk-dropdown-nav > li.uk-active > a {
  color: #fd6633;
  background-color: none;
  border-color: none;
  padding: 6px 0;
}

.uk-dropdown {
  display: none;
  position: absolute;
  z-index: 1020;
  box-sizing: border-box;
  min-width: 300px;
  padding: 25px;
  background: #fff;
  color: #6c6d74;
  box-shadow: 0 1px 4px rgb(0 0 0 / 14%);
}

.uk-dropdown-nav {
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0px;
}

/* Auslastung verstecken */

.fs-grid-filter-14 {
  visibility: hidden;
}
.fs-grid-filter-15 {
  visibility: hidden;
}
.fs-grid-filter-16 {
  visibility: hidden;
}
.fs-grid-filter-17 {
  visibility: hidden;
}

/* Filter Nav */

#fs-nav-1-0-0-0 {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 70px;
  background-color: #5e529e;
  /* background-color: #fff; */
  box-shadow: 5px 5px 5px 0 #dcdfe9;
  margin-left: 0px;
  /* padding-left: 35px; */
  padding-left: 0px;
}

.fs-filter-grid-left-cell {
  padding-left: 10px;
}

/* Textfarbe Main Nav Filter Bar */
#fs-nav-1-0-0-0 a {
  color: white;
  text-decoration: none;
}

/* Textfarbe Filter Dropdowns */
#fs-nav-1-0-0-0 .uk-dropdown-nav a {
  color: #2d2e33;
  text-decoration: none;
}

#fs-nav-1-0-0-0 a:hover {
  color: #fd6633;
  text-decoration: none;
}

/* Pfeil in Filter Nav */
#fs-nav-1-0-0-0 .uk-icon {
  fill: white;
}

/* divider zwischen den filtern */
#fs-nav-1-0-0-0.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: none;
}

/* Filter */
#fs-nav-1-0-0-0 .uk-tab > * > a {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  justify-content: center;
  padding: 0px 0px;
  color: #fff;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color, box-shadow;
  background-color: transparent;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: none;
}

#fs-nav-1-0-0-0 .uk-tab > .uk-active > a {
  color: #fd6633;
  background-color: transparent;
  border-color: transparent;
}

/* Filter Nav Sticky Offset */
@media (max-width: 960px) {
  #fs-nav-1-0-0-0 {
    top: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #fs-nav-1-0-0-0.uk-sticky-fixed {
    top: 100px !important;
  }

  #fs-nav-1-0-0-0.uk-sticky-below {
    top: 0px !important;
  }

  #fs-nav-1-0-0-0 .uk-tab > * > a {
    font-size: 12px;
  }

  /* Icons ausblenden */
  .fs-filter-label-icon {
    display: none;
  }
}

@media (min-width: 960px) {
  .fs-filter-label-icon {
    display: inline;
  }
}

.uk-margin-small-right {
  margin-right: 5px !important;
}

/* Breite der Filter Boxen */

@media (min-width: 1360px) {
  /* Filter Width: Kategorie */

  /* #fs-nav-1-0-0-0 .fs-grid-filter-0 {
            width: 212px;
          } */

  /* Filter Width: Wochentag */

  /* #fs-nav-1-0-0-0 .fs-grid-filter-1 {
            width: 163px;
          } */

  /* Filter Width: Geschlecht */

  /* #fs-nav-1-0-0-0 .fs-grid-filter-2 {
            width: 206px;
          } */

  /* Filter Width: Besonderes */

  /* #fs-nav-1-0-0-0 .fs-grid-filter-3 {
            width: 183px;
          } */

  /* Filter Width: Bezirk */

  /* #fs-nav-1-0-0-0 .fs-grid-filter-4 {
            width: 261px;
          } */

  /* Filter Width: Auslastung */

  /* #fs-nav-1-0-0-0 .fs-grid-filter-5 {
            width: 183px;
          } */
}

/* Filter aus der Extension */
/* .extension_filter {
  display: none;
} */

.kategorie-buttons {
  background-color: rgba(255, 255, 255, 0);
  top: 0px;
  height: 32px;
  box-sizing: border-box;
  /* width: 100%; */
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  left: 0px;
  border-radius: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.24);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  float: left;
  padding-left: 5px;
  padding-right: 6px;
  cursor: default;
}

.kategorie-buttons-text {
  background-color: rgba(255, 255, 255, 0);
  top: 6px;
  height: auto;
  width: auto;
  /* position: absolute; */
  margin: 0;
  left: 40px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  /* color: rgba(0, 0, 0, 0.6); */
  text-align: left;
  letter-spacing: 0.25px;
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 6px;
  float: right;
}

/* flart.studio Grid.pro Update Mai 2023 */

@media (min-width: 0px) and (max-width: 1199px) {
  .uk-grid-divider {
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 35px;
  }

  .fs-grid-filter-all {
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .uk-grid-divider {
    margin-left: -45px;
    padding-bottom: 35px;
  }
}

.fs-grid-filter-0 {
  padding-left: 20px;
}
.fs-grid-filter-1 {
  padding-left: 20px;
}
.fs-grid-filter-2 {
  padding-left: 20px;
}
.fs-grid-filter-3 {
  padding-left: 20px;
}
.fs-grid-filter-4 {
  padding-left: 20px;
}

/* Angebote: Suche */

.uk-search-input {
  padding: 10px 10px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
  overflow: visible;
  -webkit-appearance: none;
  vertical-align: middle;
  width: 100%;
  border: none;
  color: #fd6633;
  transition: 0.2s ease-in-out;
  transition-property: all;
  transition-property: color, background-color, border-color, box-shadow;
}

.uk-search .uk-search-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fd6633;
}

/* Angebote Detailseiten */

a.uk-link-text {
  color: #5e51a0;
}

/* Frontend Editing */

.btn.btn-outline-secondary {
  background-color: #e3e3e3;
}

.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:hover {
  background-color: #353535;
}

.btn.btn-outline-secondary {
  color: #b4b5ba;
  border-color: #b4b5ba;
}

label[for="jform_com_fields_auslastungmaenner0"],
label[for="jform_com_fields_auslastungfrauen0"],
label[for="jform_com_fields_auslastungdivers0"],
label[for="jform_com_fields_auslastungundifferenziert0"] {
  color: green !important;
}

label[for="jform_com_fields_auslastungmaenner1"],
label[for="jform_com_fields_auslastungfrauen1"],
label[for="jform_com_fields_auslastungdivers1"],
label[for="jform_com_fields_auslastungundifferenziert1"] {
  color: yellow !important;
}

label[for="jform_com_fields_auslastungmaenner2"],
label[for="jform_com_fields_auslastungfrauen2"],
label[for="jform_com_fields_auslastungdivers2"],
label[for="jform_com_fields_auslastungundifferenziert2"] {
  color: red !important;
}

/* Hide Burger Menu for App access */

html[data-useragent*="Sec-CH-UA-Mobile"] .uk-navbar-left {
  display: none;
}

/* html[data-useragent*='Sec-CH-UA-Mobile'] .uk-navbar-left {
    display: none;
} */

/* JFilters */

.jfilters-filter-header__toggle {
  font-size: 16px;
  font-weight: 400;
}