@charset "UTF-8";
/*
 Theme Name:   Astra Child Hospiz Lobetal
 Theme URI:    https://www.eniky.com/
 Description:
 Author:       Karsten Wachholz
 Author URI:   https://www.eniky.com/
 Template:     astra
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

/* == Add your own styles below this line ==

/*
#############################################
#      www.eniky.com Atomic SCSS            #
#############################################
*/
/*base
@import "00_base/";
----------------------------*/
/* Variablen
-------------------------------------------------*/
/* Farben */
/* Hintergrund */
/*
----------------- Border/Rahmen -----------------*/
/*------ Border Colors ------*/
/*
--------------------- Fonts ---------------------*/
/*
------------------Media Querys ------------------*/
/* Meine Mixins
-------------------------------------------------*/
/**/
:root {
  --blau: #013d60;
  --tuerkis: #00ffff;
  --weiss: #fff;
  --bg-blau: #013d60;
  --bg-tuerkis: var(--tuerkis);
}

/* Generell
  --------------------------------------------*/
#content a {
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: #00ffff;
}
#content a:hover {
  color: inherit;
  text-decoration: none;
}
#content a.fl-button {
  text-decoration: unset;
}

footer.fl-builder-content a,
.site-footer a {
  text-decoration: underline;
  text-decoration-color: #00ffff;
}
footer.fl-builder-content a:hover,
.site-footer a:hover {
  color: inherit;
  text-decoration: none;
}
footer.fl-builder-content a.menu-link,
.site-footer a.menu-link {
  text-decoration: unset;
}

#XXXcontent a::after {
  content: "";
  display: block;
  height: 2px;
  background: var(--bg-tuerkis);
  transition: transform 0.3s;
  transform: scaleX(1);
  transform-origin: bottom right;
  width: 100%;
  right: 0;
}

#XXXcontent a:hover::after {
  transition: transform 0.3s;
  transform: scaleX(0);
}

/* Screenreader
  --------------------------------------------*/
#a-screenreader-zeile {
  position: absolute;
  right: 0;
  top: calc(50vh - 30px);
}

#a-screenreader-zeile #accessibility-links #text_plugin {
  border-radius: 0;
  background-size: 54px 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  top: -55px;
  width: 54px;
}

/* Hauptmenü
  --------------------------------------------*/
#a-main-menue ul.menu > li a {
  background-repeat: no-repeat;
  background-image: linear-gradient(#0ff, #0ff);
  background-size: 0% 3px;
  background-position: bottom left;
  border-bottom: 0;
  transition: background-size 0.3s linear 0.2s;
}

#a-main-menue ul.menu > li a:hover {
  background-size: 100% 3px;
  transition: background-size 0.3s linear 0.2s;
}

#a-main-menue ul.menu > li.a-mainmenu-bg-blau {
  background: #182260;
}

#a-main-menue ul.menu > li.a-mainmenu-bg-blau > a .menu-item-text {
  color: var(--weiss);
}

/*atoms
@import "01_atom/";
----------------------------*/
/* Button
-------------------------------------------------*/
.fl-builder-content a.btn-blau.fl-button {
  background: #182260;
  color: #fff;
  border: 0;
  border-radius: 0;
}
.fl-builder-content a.btn-blau.fl-button:hover {
  color: #fff !important;
}
.fl-builder-content a.btn-blau.fl-button .fl-button-icon {
  color: #fff;
}

/* label
-------------------------------------------------*/
/* Typografie
-------------------------------------------------*/
/*molecules
@import "02_molecule/";
----------------------------*/
/* ButtonGroup
-------------------------------------------------*/
/* ButtonGroup
-------------------------------------------------*/
/* Seite Einrichtungssuche
-------------------------------------------------*/
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-geolocation-facet {
  display: flex;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-geolocation-facet svg.wpgb-input-icon {
  display: none;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-geolocation-facet svg path {
  fill: #182260;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-geolocation-facet input[type=search] {
  padding-left: 8px;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-geolocation-facet input.wpgb-input {
  border: 0;
  border-bottom: 1px solid #B5BABE;
  border-radius: 0;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-geolocation-facet label.wpgb-geo-radius {
  border-bottom: 1px solid #182260;
  font-size: 16px;
  margin-left: 5px;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-area-top-2 {
  margin-bottom: 40px;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-area-top-2 .wpgb-facet {
  border-right: 1px solid #B5BABE;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-area-top-2 .wpgb-facet fieldset {
  margin-bottom: 0;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-select-facet select {
  border: 0;
  border-bottom: 1px solid #182260;
  border-radius: 0;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-select-facet .wpgb-select-separator {
  display: none;
}
.wp-grid-builder.a-einrichtungen .wpgb-main .wpgb-select-facet svg path {
  fill: #182260;
}

/* ButtonGroup
-------------------------------------------------*/
#zeile-feature-icons-link #spalte-feature-icons .feature-wrapper {
  display: flex;
}
#zeile-feature-icons-link #spalte-feature-icons .feature-wrapper .feature-card {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  max-width: 145px;
  width: 20%;
}
#zeile-feature-icons-link #spalte-feature-icons .feature-wrapper .feature-card .feature-image {
  max-width: 35px;
  margin: 0 auto;
}
#zeile-feature-icons-link #spalte-feature-icons .feature-wrapper .feature-card .feature-image > img {
  width: 100%;
}
#zeile-feature-icons-link #spalte-feature-icons .feature-wrapper .feature-card .feature-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  max-width: 125px;
  margin: 10px auto 0 auto;
  text-align: center;
}
#zeile-feature-icons-link #spalte-link-standorte .fl-module-html {
  background: #182260;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  padding: 30px;
  text-align: center;
}
#zeile-feature-icons-link #spalte-link-standorte .fl-module-html a {
  color: #fff;
}
#zeile-feature-icons-link #spalte-link-standorte .fl-module-html a:hover {
  color: #fff;
}

/*-------------------[min 767px]------------------*/
@media (max-width: 767px) {
  #zeile-feature-icons-link #spalte-feature-icons .feature-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #zeile-feature-icons-link #spalte-feature-icons .feature-wrapper .feature-card {
    width: 50%;
    max-width: 50%;
  }
}
/*-------------------[min 768px]------------------*/
@media (min-width: 768px) {
  #zeile-feature-icons-link #spalte-feature-icons .feature-wrapper .feature-card {
    flex: 1 0;
    margin: 0 auto;
  }
  #zeile-feature-icons-link .spalte-link-standorte {
    min-width: 190px;
  }
}
/* Zeile Bild und Ansprechpartner Daten
-------------------------------------------------*/
#zeile-bild-ansprechpartner .fl-module-html .ansprechpartner-adressdaten {
  margin-bottom: 30px;
}
#zeile-bild-ansprechpartner .fl-module-html .ansprechpartner-anfragemoeglichkeiten {
  margin-bottom: 20px;
}

/* Angeobte und Downloads Zeile
-------------------------------------------------*/
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote {
  width: calc(100% - 40px);
  margin: 20px;
  position: relative;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote .open-content {
  height: 0;
  font-size: 0;
  max-height: 0;
  overflow: hidden;
  padding: 15px;
  transition: all 0.35s;
  width: 100%;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote input:checked ~ .open-content {
  background: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.07);
  font-size: 14px;
  height: auto;
  line-height: 130%;
  max-height: unset;
  overflow: visible;
  padding: 20px 15px 15px 15px;
  position: absolute;
  pointer-events: visible;
  z-index: 3;
  width: 100%;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote input:checked ~ .open-content p,
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote input:checked ~ .open-content ul {
  margin-bottom: 10px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote input:checked ~ .tab__label .angebote-titel .fa-angle-down {
  z-index: 4 !important;
  rotate: 180deg;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote .angebote-titel {
  background: #182260;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  padding: 15px 15px 25px 15px;
  position: relative;
  text-align: center;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote .angebote-titel .fa-angle-down {
  background: #ccffff;
  border-radius: 50%;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  height: 35px;
  left: calc(50% - 15px);
  margin: 0 auto;
  position: absolute;
  width: 35px;
  bottom: -20px;
  z-index: 2;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote .angebote-titel .fa-angle-down::before {
  left: 0px;
  position: relative;
  top: 10px;
  color: #182260;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper {
  border: 1px solid #182260;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-header {
  background: #182260;
  color: #fff;
  display: flex;
  padding: 15px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-header .af-download-header-image {
  margin-right: 30px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-header .af-download-header-image img {
  width: 60px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-header .af-download-header-text {
  font-weight: 700;
  font-size: 20px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-header .af-download-header-text .af-download-header-text-top {
  line-height: 100%;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-header .af-download-header-text .af-download-header-text-bottom {
  font-size: 25px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-content {
  padding: 45px 15px 15px 45px;
}
#zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote.af-download-wrapper .af-download-content a {
  color: #182260;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 32px;
}

/*-------------------[min 768px]------------------*/
@media (min-width: 768px) {
  #zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote {
    width: calc(50% - 40px);
  }
}
/*-------------------[min 1024px]------------------*/
@media (min-width: 1024px) {
  #zeile-einrichtung-angebote-downloads #einrichtung-angebote-downloads-wrapper .af-informationen-download-wrapper .a-angebote {
    width: calc(33.333% - 40px);
  }
}
/*organisms
@import "03_organism/";
----------------------------*/
/* Header
-------------------------------------------------*/
/* Inhalt
-------------------------------------------------*/
/* Footer
-------------------------------------------------*/
/*templates
@import "04_template/";
----------------------------*/
/* Categories
-------------------------------------------------*/
/* Single
-------------------------------------------------*/
/*pages
@import "05_page/";
----------------------------*/
/* Home
-------------------------------------------------*/