/* kaeltehilfe */

/* 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 */

.h4, .uk-h4, h4 {
    min-height: 45px;
}

/* Träger */

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

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

/* divs auf Karten */

@media (min-width:1200px) {

    .fs-load-more-container .el-meta {
    height: 54px;
    }

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

    /* Kategorien und Icons */
    .fs-grid-text-6 {
    height: 60px;
    }

    /* Öffnungszeiten */
    .fs-grid-text-7 {
    height: 115px;
    border-bottom: 1px solid #d9d9d9;
    }

    /* Beschreibung */
    .fs-grid-text-8 {
    height: 290px;
    border-bottom: 1px solid #d9d9d9;
    }

    /* Adresse */
    .fs-grid-text-9 {
    height: 30px;
    }

    /* Telefonnummer */
    .fs-grid-text-1 {
    height: 30px;
    }

    /* Geschlecht */
    .fs-grid-text-2 {
    height: 76px;
    }
    /* Besonderes */
    .fs-grid-text-3 {
    height: 76px;
    }

}

/* 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;
}

/* 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: 16px;
    line-height: 1.4;
    font-family: 'Work Sans';
    font-weight: 500;
    text-transform: none;
    letter-spacing: 2px;
    display: inline-block;
}

.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: .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.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.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: 20.0px;
    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;
}