:root {
  --f_200: "wght" 200;
  --f_300: "wght" 300;
  --f_400: "wght" 400;
  --f_500: "wght" 500;
  --f_600: "wght" 600;
  --f_700: "wght" 700;
  --f_800: "wght" 800;
  --f_900: "wght" 900;

  --onyx: #485156;
  --onyx-mid: #778186;
  --onyx-soft: #a4acb1;
  --white: #fff;

  --sunrise :#e8412c; /* SET New; seems like solo… Picto Print Color */
  --peach: #eb5e57; /* set new */
  --lavendel: #9373b1; /* Stadthospiz set new */
  --purple: #df85b6; /* eleminated */
  --rose: #df86b6; /* NEW Palliativdienst */
  --peach-soft: #f28e77; /* Main set new */
  --sunrise-soft : var(--white); /* eleminated */
  --lavendel-soft: #d2c5e2; /* Stadthospiz set new */
  --purple-soft: #e6cce4;
  --rose-soft: #f7bcbb; /* NEW Palliativdienst */
  --apricot: #fac075; /* NEW Hospizhilfe */

  /* Update june 2026 */
  --cottbuspflegelight: var(--peach-soft);
  --cottbuspflegedark: var(--peach);

  --palliativteamlight: var(--peach-soft);
  --palliativteamdark: var(--lavendel);

  --palliativdienstlight: var(--rose-soft);
  --palliativdienstdark: var(--rose);

  --stadthospizlight: var(--lavendel-soft);
  --stadthospizdark: var(--lavendel);

  --hospizhilfelight:var(--apricot);
  --hospizhilfedark: var(--peach-soft);

  --purple: var(--palliativteamdark); /* eleminated */

  --font-family: "din-2014-rounded-variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-heading: "Quicksand", sans-serif;

  --limiter: 1600px;

  --fragment_width: 15%;

}

.q300 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-variation-settings: var(--f_300);
  font-style: normal;
}
.q400 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-variation-settings: var(--f_400);
  font-style: normal;
}
.q500 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-variation-settings: var(--f_500);
  font-style: normal;
}
.q600 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-variation-settings: var(--f_600);
  font-style: normal;
}
.q700 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-variation-settings: var(--f_700);
  font-style: normal;
}

.palliativteamdark {color: var(--palliativteamdark)}
.palliativteamlight {color: var(--palliativteamlight)}


html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust:100%
  scroll-behavior: smooth;
}

body  {
  font-family: var(--font-family);
  color: var(--onyx);
  background: var(--peach);
  font-variation-settings: var(--f_400);
  font-style: normal;
  font-size: .925rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  background: var(--white);
  padding-bottom: 4rem;
}


main.palliativteam-cottus-spree-neisse.palliativ,
main.ambulanter-palliativdienst.palliativ,
main.stadthospiz-cottbus.hospiz,
main.hospizhilfe-cottbus-e-v.hospizhilfe,
main.pflegeforum.default,
main.pflegeforum.forum,
main.palliativdienst {
  padding-bottom: 0;
}


.fh_300, h1, h2, h3, h4, .fs-1, .fs-2, .fs-3, .fs-4 {font-family: var(--font-heading); font-weight: 500!important; font-style: normal;}
.fh_400, h5, h6, .fs-5, .fs-6, .cp_card h3.card-title, body.home .home_intro h2 {font-family: var(--font-heading); font-weight: 600!important; font-style: normal;}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
  font-family: var(--font-family);
  font-variation-settings: var(--f_600);
}

header.page--header h1, .carousel h1 {
  font-size: 3rem;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500!important;
  font-variation-settings: var(--f_500);
  font-style: normal;
}

header.page--header h1 {line-height: 1;}

header.page--header .intro p.fs-1 {line-height: 1.2;}

.dr, section.partner .cp_card h3.card-title {font-family: var(--font-family)!important;}

.f_200 {font-variation-settings:var(--f_200);}
.f_300 {font-variation-settings:var(--f_300);}
.f_400 {font-variation-settings:var(--f_400);}
.f_500 {font-variation-settings:var(--f_500);}
.f_600, strong, .btn, section.partner .cp_card h3.card-title {font-variation-settings:var(--f_600)!important;}
.f_700 {font-variation-settings:var(--f_700);}
.f_800 {font-variation-settings:var(--f_800);}
.f_900 {font-variation-settings:var(--f_900);}


.lh1 {line-height: 1;}
.lh11 {line-height: 1.1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.3;}
.lh14 {line-height: 1.4;}
.lh15 {line-height: 1.5;}

.text_sm p, .text_sm, p.text_sm {
  font-size: .8rem;
  line-height: calc(.8rem * 1.45);
}

.btn-sm {
  font-size: .825rem;
  letter-spacing: .025rem;
}

.text_xs p, .text_xs, p.text_xs, figure footer small {
  font-size: .6rem;
}

button {
  outline: 0 none!important;
  box-shadow: none!important;
  shadow: none!important;
  text-shadow: none!important;
}

.accordion-button {
  outline: 0 none!important;
  box-shadow: none!important;
  shadow: none!important;
  text-shadow: none!important;
}

a, a:focus, a:link, a:visited, a:active, a:hover, button.no___btn {
  color: var(--color-text);
  outline: none;
}
.text a, button.no___btn {
  font-variation-settings:var(--f_600);
  opacity: .8;
  text-decoration: underline;
}

button.no___btn {
  background-color: unset;
  padding: 0;
  margin: 0;
}
.text a:hover {
  color: var(--color-text);
  opacity: 1;
}

.text a, .text a:hover {
-webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.text .einleser a {
  font-variation-settings:var(--f_800);
}

.text .einleser a:hover {
    opacity: 1;
}

.text a.btn {
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

button, a.btn:not(.btn-light) {
  border: none!important;
  outline: none!important;
}


figure, picture, img, .cp_card, .cp_card::before, .cp_card:hover::before, .btn, .modal-content, .dropdown-menu, .carousel, .carousel-inner, .carousel-item {
  border-radius: .75rem;
}

.troublemaker_img, .troublemaker_img img {
  border-radius: 0;
}



.modal-header {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.modal-backdrop {
  background-color: var(--onyx);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.modal-backdrop.show, .lightboxOverlay  {
  opacity: 1;
  background-color: rgba(72, 81, 86, 0.75);
  -webkit-backdrop-filter:saturate(160%) blur(15px);
  backdrop-filter:saturate(160%) blur(15px);
}



.lb-data .lb-number {
  display: none!important;
}

.lb-data .lb-caption {
  font-variation-settings:var(--f_600);
  font-size: unset;
  color: var(--white);
}

.lb-data .lb-caption span {
  font-variation-settings:var(--f_300);
  font-size: 1rem;
}

.lb-outerContainer {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: .75rem;
background-color: unset;
background: url(../img/loading.gif), var(--peach);
background-repeat: no-repeat!important;
background-size: 35px auto!important;
background-position: center!important;
}

body.hospizhilfe-cottbus-e-v.hospizhilfe .lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: .75rem;
  background-color: unset;
  background: url(../img/loading.gif), var(--peach)!important;
  background-repeat: no-repeat!important;
  background-size: 35px auto!important;
  background-position: center!important;
}

body.palliativteam-cottus-spree-neisse.palliativ .lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: .75rem;
  background-color: unset;
  background: url(../img/loading.gif), var(--purple)!important;
  background-repeat: no-repeat!important;
  background-size: 35px auto!important;
  background-position: center!important;
}

body.stadthospiz-cottbus.hospiz .lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: .75rem;
  background-color: unset;
  background: url(../img/loading.gif), var(--lavendel)!important;
  background-repeat: no-repeat!important;
  background-size: 35px auto!important;
  background-position: center!important;
}

.lightbox .lb-image {
  border-radius: .75rem;
  border: unset;
}

p:has(+ul) {
  margin-bottom: 0;
}

.accordion-button:not(.collapsed) {
color: var(--sunrise)!important;
background-color: unset;
}

body.hospiz .accordion-button:not(.collapsed) {
color: var(--lavendel)!important;
background-color: unset;
}

body.palliativ .accordion-button:not(.collapsed) {
color: var(--purple)!important;
background-color: unset;
}

.accordion-button.collapsed) {
color: var(--onyx)!important;
}


.page___troublemaker {
  color: var(--white);
  background: var(--sunrise);
}


.white {
  color: var(--white);
}

.peach {
  color: var(--peach);
}

.bg_peach {
  background: var(--peach);
}

.sunrise {
  color: var(--onyx);
}

.bg_sunrise {
  background: var(--sunrise);
}

.purple {
  color: var(--onyx);
}

.bg_purple {
  background: var(--purple);
}

.lavendel {
  color: var(--onyx);
}

.bg_lavendel {
  background: var(--lavendel);
}

.onyx {
  color: var(--onyx);
}

.onyx_mid {
  color: var(--onyx-mid);
}

.onyx_soft {
  color: var(--onyx-soft);
}

.btn:focus, .btn:active {
   outline: none!important;
   box-shadow: none!important;
}

.btn-primary, .btn-primary:hover, .btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-primary:focus, .btn-secondary:active, .btn-primary:active  {
  background-color: var(--sunrise)!important;
  color: var(--white)!important;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active   {
  background-color: var(--white)!important;
  border: 1px solid var(--onyx)!important;
  color: var(--onyx)!important;
  text-transform: uppercase;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn-tertiary, .btn-tertiary:hover, .btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:focus, .btn-tertiary:active, .btn-v:active  {
  background-color: var(--white)!important;
  color: var(--peach)!important;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.page___troublemaker .btn-light, .page___troublemaker .btn-light:hover, .page___troublemaker .btn-light:focus, .page___troublemaker .btn-light:active {
  background-color: var(--peach-soft)!important;
  border: var(--sunrise)!important;
  color: var(--white)!important;
  text-transform: unset;
  opacity: 1!important;
}


.img_load {
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (hover: hover) {
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: var(--peach)!important;background-color: var(--white)!important;}
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {color: var(--white)!important;background-color: var(--onyx)!important;}
  .accordion-button:hover, .accordion-button:focus, .accordion-button:active {color: var(--sunrise)!important;}
  .btn-light:hover, .btn-light:focus, .btn-light:active {background-color: var(--onyx)!important; color: var(--white)!important;}
  .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active {
    background-color: var(--white)!important;
    color: var(--sunrise)!important;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .page___troublemaker .btn-light:hover, .page___troublemaker .btn-light:focus, .page___troublemaker .btn-light:active {background-color: var(--white)!important; border: unset!important; color: var(--sunrise)!important;}
  body.palliativ .accordion-button:hover, body.palliativ .accordion-button:focus, body.palliativ .accordion-button:focus {color: var(--purple)!important;}
    body.hospiz .accordion-button:hover, body.hospiz .accordion-button:focus, body.hospiz .accordion-button:focus {color: var(--lavendel)!important;}

}
/* ####################################################### menu ####################################################### */

.mainnav {
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,.25);
  box-shadow: 0px 15px 10px -10px rgba(0,0,0,.25);
}

.mainnav.nav-up {top: -94px;}


.topbar {
  background-color: var(--white);
  color: var(--onyx);
}

.topbar a {
  text-decoration: none;
}
.navbar-toggler i {
  font-size: 2rem;
  color: var(--white);
}
.navbar-brand .logo {
  height: 1.75rem;
  width: auto;
}

a.navbar-brand img.mainmenu-logo {
  filter: brightness(0) saturate(100%) invert(97%) sepia(96%) saturate(0%) hue-rotate(333deg) brightness(120%) contrast(100%);
  -webkit-transition: fill 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: fill 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  height: 31px;
  width: auto;
}

nav.navbar, nav.navbar .default {
  background: var(--sunrise);
  color: var(--white);
  padding: .55rem 0;
}


.dropdown-toggle::after {
display: unset;
margin-left: unset;
vertical-align:unset;
content: unset;
border-top: unset;
border-right: unset;
border-bottom: unset;
border-left: unset;
}


nav.navbar li.nav-item a.nav-link {
  color: var(--sunrise-soft);
  -webkit-transition: color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

nav.navbar li.nav-item.active a.nav-link {
  color: var(--white);
}


.troublemaker {
  display: none;
  position: fixed;
  top: 8.5rem;
  right: 1rem;
  z-index: 999;
}

.troublemaker .inner a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sunrise);
  color: var(--white);
  border: none;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  text-decoration: none;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

body.palliativdienst .troublemaker .inner a {
  background-color: var(--palliativdienstdark);
  color: var(--white);
  border: none;
}

body.palliativ .troublemaker .inner a {
  background-color: var(--palliativteamdark);
  color: var(--white);
  border: none;
}

body.hospiz .troublemaker .inner a, body.gallery .troublemaker .inner a {
  background-color: var(--stadthospizdark);
  color: var(--white);
  border: none;
}

body.hospizhilfe .troublemaker .inner a {
  background-color: var(--hospizhilfelight);
  color: var(--white);
  border: none;
}



.troublemaker .inner a:not(:last-of-type) {
  margin-bottom: .5rem;
}

.ptm_default .imageset .imagecol:nth-child(3) {
  display: none;
}

@media (hover: hover) {

  a.navbar-brand:hover svg.logo {
    fill: var(--white);
  }

  nav.navbar li.nav-item a.nav-link:hover {
    color: var(--white);
  }
}


/* ####################################################### footer ####################################################### */

footer.footer, body.palliativ footer.footer.purple.has_pagetroublemaker, body.hospiz footer.footer.lavendel.has_pagetroublemaker {
  color: var(--white);
}

footer.footer.sunrise.has_pagetroublemaker,
footer.footer.purple.has_pagetroublemaker,
footer.footer.lavendel.has_pagetroublemaker,
footer.footer.has_pagetroublemaker {
  color: var(--onyx);
  background:  var(--white);
}

footer.footer.default {
  background: var(--sunrise);
  color: var(--white);
}



footer.footer.purple, body.palliativ footer.footer.purple.has_pagetroublemaker {
  background: var(--palliativteamlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativdienstlight) 0%, var(--palliativdienstdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativdienstlight) 0%, var(--palliativdienstdark) 100%)!important;
  background: linear-gradient(45deg, var(--palliativdienstlight) 0%, var(--palliativdienstdark) 100%)!important;
}



footer.footer ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

footer ul.menu li {
  display: inline-block;
}

footer li.active a {
  opacity: .5;
}

footer.footer a picture img {
  border-radius: unset;
  height: 30px;
}

footer.footer a picture img.cp_main_logo {
  height: 40px;
}

footer.footer.sunrise.has_pagetroublemaker a picture img,
footer.footer.purple.has_pagetroublemaker a picture img,
footer.footer.lavendel.has_pagetroublemaker a picture img,
footer.footer.has_pagetroublemaker a picture img,
footer.footer.sunrise.has_pagetroublemaker a:hover picture img,
footer.footer.purple.has_pagetroublemaker a:hover picture img,
footer.footer.lavendel.has_pagetroublemaker a:hover picture img,
footer.footer.has_pagetroublemaker a:hover picture img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(7%) saturate(683%) hue-rotate(157deg) brightness(96%) contrast(92%);
}

footer.footer.default a picture img,
footer.footer.sunrise a picture img,
footer.footer.force--stadthospiz--background a picture img,
footer.footer.force--palliativteam--background a picture img,
footer.footer.force--palliativdienst--background a picture img,
footer.footer.force--hospizhilfe--background a picture img,
body.palliativ footer.footer.purple.has_pagetroublemaker a picture img,
body.hospiz footer.footer.lavendel.has_pagetroublemaker a picture img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);
}


/* ####################################################### Homepage ####################################################### */

body.home .cover {
  margin-bottom: 0;
}

.carousel-item {

}

.carousel .carousel-inner {
  box-shadow: rgba(72, 81, 86, .2) 0px 20px 25px -5px, rgba(72, 81, 86, .1) 0px 10px 10px -5px;
}

.carousel-control-next, .carousel-control-prev {
  opacity: .4;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  opacity: 1;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 2.25rem;
  height: 2.25rem;
  filter: brightness(0) saturate(100%) invert(87%) sepia(22%) saturate(5680%) hue-rotate(309deg) brightness(98%) contrast(93%);
}

.carousel-indicators [data-bs-target] {
  width: 35px;
  height: 5px;
  background-color: var(--peach);
  border-radius: .1875rem;
  opacity: .4;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 15%;
  color: var(--white);
  text-align: center;
}


.carousel-caption p {
  line-height: 1.2;
  font-size: 1.25rem;
}

/*
.cover .carousel img {
  -webkit-filter:saturate(140%) contrast(120%) brightness(.666);
  filter:saturate(140%) contrast(120%) brightness(.666);
}
*/

.cover .carousel .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: .75rem;
  opacity: .35;
  background: var(--onyx);
}

.home_block_item_text {
  height: 300px;
  overflow-y: hidden;
  border-radius: .75rem;
  box-shadow: rgba(72, 81, 86, .2) 0px 20px 25px -5px, rgba(72, 81, 86, .1) 0px 10px 10px -5px;
}

.home_block_item .overlay.purple {
  opacity: .95;
  background: var(--palliativteamlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.home_block_item .overlay.purple2 {
  opacity: .95;
  background: var(--palliativteamlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativdienstlight) 0%, var(--palliativdienstdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativdienstlight) 0%, var(--palliativdienstdark) 100%)!important;
  background: linear-gradient(45deg, var(--palliativdienstlight) 0%, var(--palliativdienstdark) 100%)!important;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.home_block_item .overlay.lavendel {
  opacity: .95;
  background: var(--stadthospizlight)!important;
  background: -moz-linear-gradient(45deg, var(--stadthospizlight) 0%, var(--stadthospizdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--stadthospizlight) 0%, var(--stadthospizdark) 100%)!important;
  background: linear-gradient(45deg, var(--stadthospizlight) 0%, var(--stadthospizdark) 100%)!important;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.home_block_item .overlay.rose {
  opacity: .95;
  background: var(--palliativteamlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.home_block_item_einblicke figure.img {
  --w: 3;
  --h: 2;
  box-shadow: rgba(72, 81, 86, .2) 0px 20px 25px -5px, rgba(72, 81, 86, .1) 0px 10px 10px -5px;
}

.home_block_item_w_image .home_block_item figure.img {
  --w: 5;
  --h: 3;
  box-shadow: rgba(72, 81, 86, .2) 0px 20px 25px -5px, rgba(72, 81, 86, .1) 0px 10px 10px -5px;
}

.home_block_item_w_image:nth-child(3) .home_block_item figure.img {
  --w: 5;
  --h: 3;
}


.home_block_item .home_block_item_logo img {
  height: 45px;
  width: auto;
  display: block;
  filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(0%) hue-rotate(41deg) brightness(104%) contrast(104%);
}

.home_block_item .home_block_item_logo img {
  position: unset;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  margin: 0 auto;
  object-fit: unset;
  border: none;
  border-radius: 0;
}

.home_block_item .home_block_item_logo[data-contain] img {
  object-fit: unset;
}

body.home .card .card-text p {
  margin-bottom: 0;
}

.cp_card .card-footer {
  background-color: unset;
  border-top: unset;
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.cp_card .card-body-bottom-border {
  border-bottom: 2px dotted var(--peach);
}

body.home .cp_card h3.card-title {
  border-top: unset;
  border-top-style: unset;
}

@media (hover: hover) {
  .home_block_item:hover .overlay.purple, .home_block_item:hover .overlay.purple2, .home_block_item:hover .overlay.lavendel {opacity: .65;}
    .carousel .carousel-inner .carousel-item {overflow: hidden;}
}

/* ####################################################### jobs / card / modal ####################################################### */



.cp_card, .cp_card_purple, .cp_card_lavendel, .cp_card_peach {
  color: var(--white);
  border: transparent;
  background: var(--peach-soft);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-shadow: rgba(72, 81, 86, 0.075) 0px 20px 25px -5px, rgba(72, 81, 86, 0.05) 0px 10px 10px -5px;
}

.cp_card h3.card-title, .cp_card h4 {
  border-top: 2px dotted var(--peach);
  border-bottom: 2px dotted var(--peach);
  padding: .5rem 0;
  margin: .35rem 0;
  color: var(--white);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}


.modal-content {
  border-color: transparent;
  box-shadow: rgba(72, 81, 86, 0.25) 0px 54px 55px, rgba(72, 81, 86, 0.12) 0px -12px 30px, rgba(72, 81, 86, 0.12) 0px 4px 6px, rgba(72, 81, 86, 0.17) 0px 12px 13px, rgba(72, 81, 86, 0.09) 0px -3px 5px;
}

.modal-body .text p:last-of-type, .modal-body .text ul:last-of-type {
  margin-bottom: 0;
}

.close_btn {
  color: var(--sunrise);
  background: transparent;
  margin-left: auto;
  font-size: 2rem;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.cp_card button {
  display: block;
}

.modal-title {
  line-height: 1.2;
}

@media (hover: hover) {
  .close_btn:hover {color: var(--onyx);}
}


/* ####################################################### partner cards ####################################################### */

.partnerlist .cp_card_peach.partner {
  background-color: var(--peach-soft);

}

.partnerlist .cp_card_peach.partner:hover {
  background-color: var(--peach);
}

.partnerlist .cp_card_peach.partner .text.text_sm, .partnerlist .cp_card_peach.partner .text.text_sm p{
  color: inherit;
}

.partnerlist .cp_card_peach.partner .text.text_sm p:last-of-type {
  margin-bottom: 0;
}

.partnerlist .cp_card_peach.partner h3 {
  color: inherit;
  border-bottom: 2px dotted var(--peach);
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.partnerlist .cp_card_peach.partner:hover h3 {
  border-bottom: 2px dotted var(--white);
}

/* ####################################################### figure IMG ####################################################### */

figure {
  margin-bottom: 0;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

span.video,
span.img,
figure.video,
figure.img,
figure.article_img,
figure.portrait {
  position: relative;
  display: block;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: url(../img/loading.gif), var(--peach-soft);
  background-repeat: no-repeat!important;
  background-size: 40px auto!important;
  background-position: center!important;
  --w: 4;
  --h: 5;
}

figure.troublemaker_img.troublemaker_img_hospiz {
  background: url(../img/loading.gif), var(--lavendel-soft);
}

figure.troublemaker_img.troublemaker_img_palliativ {
  background: url(../img/loading.gif), var(--purple-soft);
}

figure.troublemaker_img.troublemaker_img_hospizhilfe {
  background: url(../img/loading.gif), var(--peach);
}

body.palliativ figure.img {background: url(../img/loading.gif), var(--purple-soft);}
body.hospiz figure.img {background: url(../img/loading.gif), var(--lavendel-soft);}


figure.troublemaker_img.troublemaker_img_hero {--w: 2; --h: 1;}

.img img,
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

.img[data-contain] img {
  object-fit: contain;
}
.img-caption,
.video-caption {
  padding-top: .75rem;
  line-height: 1.5em;
}


picture.img_anim img {
  opacity: 0!important;
  -webkit-transition: all 1.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

picture.img_anim .img_animated  {
  opacity: 1!important;
}


@media (hover: hover) {
figure.effect {
  overflow: hidden;
}

figure.effect figure {
  overflow: unset;
}

figure.effect img {
  -webkit-transition: all 1.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: scale(1);}

  figure.effect img figure img {
    -webkit-transition: unset;
    transition: unset;
    transform: unset;
  }

figure.effect:hover img {
  transform: scale(1.03);
}

figure.effect:hover figure img {
  transform: unset;
}
}
/* ####################################################### cover ####################################################### */

.container-fluid, .cover, .limiter {
  max-width: var(--limiter);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 0 auto;
}

.cover {
  padding-top: calc(1.25rem + 94px);
  margin-bottom: 1.25rem;
}

.get--divider {
  padding-top: calc(1.25rem + 94px);
}

.cover figure footer, figure footer, .home_block_item figure footer {
  position: absolute;
  line-height: 1;
  bottom: 15px;
  left: 15px;
  color: var(--white);
  opacity: .5;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}

/*
.cover figure picture img.has_text, .home_block_item figure picture img {
  -webkit-filter:saturate(140%) brightness(.5);
  filter:saturate(140%) brightness(.5);
}


.home_block_item.home_block_item_einblicke figure picture img {
  -webkit-filter:saturate(120%) brightness(.7);
  filter:saturate(120%) brightness(.7);
}
*/
.cover .overlay, .home_block_item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: .75rem;
  opacity: .35;
  background: var(--sunrise);
}


.cover .overlay.sunrise {
  background: var(--peach);
  background: -moz-linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
  background: -webkit-linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
  background: linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
}

.cover .overlay.lavendel {
  background: var(--peach);
  background: -moz-linear-gradient(45deg, var(--peach) 0%, var(--lavendel) 100%);
  background: -webkit-linear-gradient(45deg, var(--peach) 0%, var(--lavendel) 100%);
  background: linear-gradient(45deg, var(--peach) 0%, var(--lavendel) 100%);
}

.cover .overlay.purple {
  opacity: .75;
  background: var(--peach);
  background: -moz-linear-gradient(45deg, var(--peach) 0%, var(--purple) 100%);
  background: -webkit-linear-gradient(45deg, var(--peach) 0%, var(--purple) 100%);
  background: linear-gradient(45deg, var(--peach) 0%, var(--purple) 100%);
}
.cover .overlay.rose {
  opacity: .75;
background: var(--palliativteamlight)!important;
background: -moz-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
background: -webkit-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
background: linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
}

.cover .overlay.force--hospizhilfe--background {
  opacity: .75;
}

.cover header, .home_block_item header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}

figure.effect .home--block--item--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--onyx);
  opacity: 55%;
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

figure.effect:hover .home--block--item--overlay {
  opacity: 15%;
}



.cover header p, .home_block_item header p {
  font-family: var(--font-family);
  line-height: 1.1;
}

.herz {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.herz img {
  position: relative;
  width: 6rem;
  height: auto;
}

@media (hover: hover) {
.home_block_item.home_block_item_einblicke:hover figure picture img {
  -webkit-filter:saturate(110%) brightness(.9);
  filter:saturate(110%) brightness(.9);
}
}


/* ####################################################### Palliativ ####################################################### */

.cover .overlay.purple {
  opacity: .75;
  background: var(--palliativteamlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
}



figure.img.palliativ {
  --w: 5;
  --h: 4;
}


.page___troublemaker___paliativ {
  color: var(--white);
  background: var(--palliativteamlight);
}



.page___troublemaker___paliativ, .page___troublemaker___paliativdienst {
  color: var(--white);
  background: var(--palliativdienstdark);
}

body.palliativ section.quests .cp_card, body.palliativ section.partner .cp_card {
  background: var(--white);
  color: var(--purple);
  border: transparent;
  position: relative;
  background-image: linear-gradient(150deg, var(--peach-soft) 33%, var(--purple-soft) 100%);
  z-index: 1;
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-shadow: rgba(72, 81, 86, 0.05) 0px 20px 25px -5px, rgba(72, 81, 86, 0.02) 0px 10px 10px -5px;
}

body.palliativ section.quests .cp_card h3.card-title {
  border-top: 0;
  border-bottom: 2px var(--purple);
  border-top-style: unset;
  border-bottom-style: dotted;
  padding: .5rem 0;
  margin: .35rem 0;
  color: var(--purple);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

body.palliativ section.partner .cp_card h3.card-title {
  border-top: 0;
  border-bottom: 0;
  border-top-style: unset;
  border-bottom-style: unset;
  padding: 0;
  margin: 0;
  color: var(--purple);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

body.palliativ .close_btn {
  color: var(--purple);
}

body.palliativ .btn-primary, body.palliativ .btn-primary:hover,
body.palliativ .btn-secondary, body.palliativ .btn-secondary:hover  {
  background-color: var(--onyx)!important;
  color: var(--white)!important;
}

.facts {
  border-top: 2px var(--onyx-soft);
  border-top-style: dotted;
  border-bottom: 2px var(--onyx-soft);
  border-bottom-style: dotted;
}


.facts p {
  margin-bottom: 0;
}

.fact {
  /*border-bottom: 1px solid var(--sunrise-soft);*/
}
section.docs .execute .text {
  border-top: 2px var(--purple-soft);
  border-top-style: dotted;
}

section.docs .execute .text p {
  margin-bottom: 0;
}

section.partner a {
  text-decoration: none;
}

body.palliativ .cp_card h3.card-title {
  border-top: unset;
  border-top-style: unset;
  padding-top: 0!important;
  margin-top: 0!important;
}


body.palliativ figure.entry_img {
  margin-bottom: 0;
}

body.palliativ figure.entry_img, body.palliativ figure.entry_img img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


figure.img.infobox_img {
  --w: 4;
  --h: 5;
}

@media (hover: hover) {
body.palliativ .cp_card::before {position: absolute;content: "";top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(155deg, var(--peach) 0%, var(--purple) 100%);z-index: -1;opacity: 0;<-webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);}
body.palliativ .cp_card:hover::before {opacity: 1;}

body.palliativ section.partner .cp_card:hover, body.palliativ section.partner .cp_card:hover h3.card-title {color: var(--white);}
body.palliativ section.partner .cp_card:hover h3.card-title {color: var(--white);}

body.palliativ section.quests .cp_card:hover, body.palliativ section.quests .cp_card:hover h3.card-title {color: var(--white);}
body.palliativ section.quests .cp_card:hover h3.card-title {border-bottom: 2px var(--white); color: var(--white); border-bottom-style: dotted;}

body.palliativ .close_btn:hover {color: var(--onyx)!important;}
body.palliativ .btn-primary:hover {color: var(--white)!important; background-color: var(--onyx-soft)!important;}
body.palliativ .btn-secondary:hover {color: var(--purple)!important; background-color: var(--purple-soft)!important;}
body.palliativ .close_btn:hover {color: var(--purple-soft)!important;}
}


/* ####################################################### Hospiz ####################################################### */

body.hospiz .cover .cover_logo {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  top: 2rem;
  background: url(../img/shcb_logo.svg);
  background-repeat: no-repeat;
  background-size: 75% auto;
  background-position: center;
  filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(0%) hue-rotate(41deg) brightness(104%) contrast(104%);
}


body.hospiz section.quests .cp_card, body.hospiz section.partner .cp_card {
  background: var(--white);
  color: var(--lavendel);
  border: transparent;
  position: relative;
  background-image: linear-gradient(150deg, var(--peach-soft) 33%, var(--lavendel-soft) 100%);
  z-index: 1;
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-shadow: rgba(72, 81, 86, 0.05) 0px 20px 25px -5px, rgba(72, 81, 86, 0.02) 0px 10px 10px -5px;
}

body.hospiz section.quests .cp_card h3.card-title {
  border-top: 0;
  border-bottom: 2px var(--lavendel);
  border-top-style: unset;
  border-bottom-style: dotted;
  padding: .5rem 0;
  margin: .35rem 0;
  color: var(--lavendel);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}


body.hospiz .cp_card h3.card-title {
  border-top: unset;
  border-top-style: unset;
  padding-top: 0!important;
  margin-top: 0!important;
}

body.hospiz .close_btn {
  color: var(--lavendel);
}



body.hospiz .btn-primary, body.hospiz .btn-primary:hover,
body.hospiz .btn-secondary, body.hospiz .btn-secondary:hover  {
  background-color: var(--onyx)!important;
  color: var(--white)!important;
}

body.hospiz figure.entry_img {
  margin-bottom: 0;
}

body.hospiz figure.entry_img, body.hospiz figure.entry_img img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media (hover: hover) {
body.hospiz .cp_card::before {position: absolute;content: "";top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(155deg, var(--peach) 0%, var(--lavendel) 100%);z-index: -1;opacity: 0;<-webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);}
body.hospiz .cp_card:hover::before {opacity: 1;}

body.hospiz section.partner .cp_card:hover, body.palliativ section.partner .cp_card:hover h3.card-title {color: var(--white);}
body.hospiz section.partner .cp_card:hover h3.card-title {color: var(--white);}

body.hospiz section.quests .cp_card:hover, body.palliativ section.quests .cp_card:hover h3.card-title {color: var(--white);}
body.hospiz section.quests .cp_card:hover h3.card-title {border-bottom: 2px var(--white); color: var(--white); border-bottom-style: dotted;}

body.hospiz .close_btn:hover {color: var(--onyx)!important;}
body.hospiz .btn-primary:hover {color: var(--white)!important; background-color: var(--onyx-soft)!important;}
body.hospiz .btn-secondary:hover {color: var(--lavendel)!important; background-color: var(--lavendel-soft)!important;}
body.hospiz .close_btn:hover {color: var(--lavendel-soft)!important;}
}

/* ####################################################### Lexikon ####################################################### */

figure.entry_img.img, figure.modal_entry_img.entry_img.img {--w: 3; --h: 2;}

body.lexikon figure.entry_img {
  margin-bottom: 0;
}

body.lexikon figure.entry_img, body.lexikon figure.entry_img img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body.lexikon .cp_card h3.card-title {
  border-top: unset;
  border-top-style: unset;
  padding-top: 0;
  margin-top: 0;
}


body.lexikon .btn-light {
  font-variation-settings:var(--f_900);
}


.modal-body .text p + figure {margin: 1rem 0;}

.modal ul.ul--tags li, .ls {
  letter-spacing: .025rem;
}

.modal ul.ul--tags li:not(:last-child)::after {
  content: ","
}

.modal hr.files {margin: 1.5rem 0;}

.modal ul.files {
  list-style: none;
  margin: 0;
  padding: 0;
}




ul.tags {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.tags li {
  display: inline-block;
}

ul.tags li .btn-light.active, .btn-light.active:hover  {
  background-color: var(--onyx-soft)!important;
  border: 1px solid var(--onyx-soft)!important;
  color: var(--white)!important;
}

ul.pagination {
  font-size: 1.1rem;
}

ul.pagination li.page-item a.page-link,  ul.pagination li.page-item a.page-link:hover {
  border: 1px solid var(--onyx-soft);
  background-color: var(--white);
  color: var(--onyx);
}

ul.pagination li.page-item.disabled a.page-link, ul.pagination li.page-item.disabled a.page-link:hover {
background-color: var(--white);
border: 1px solid var(--onyx-soft);
color: var(--onyx);
opacity: .35;
}


ul.pagination li.page-item.disabled a.page-link.active, ul.pagination li.page-item.disabled a.page-link.active:hover {
  background-color: var(--peach);
  color: var(--white);
  border: 1px solid var(--onyx-soft);
  opacity: 1;
}

ul.pagination li.page-item a.page-link.active, ul.pagination li.page-item a.page-link.active:hover {
  background-color: var(--peach);
  color: var(--white);
  border: 1px solid var(--onyx-soft);
}

ul.pagination li.page-item:last-child a.page-link {
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
}

ul.pagination li.page-item:first-child a.page-link {
  border-top-left-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

ul.pagination li.page-item a.page-link {
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (hover: hover) {
  body.lexikon .cp_card:hover, body.lexikon .cp_card:hover h3.card-title {color: var(--white);}
  body.lexikon .cp_card:hover h3.card-title {border-top: unset; border-bottom: 2px var(--white); border-top-style: unset; border-bottom-style: dotted;}

  ul.pagination li.page-item a.page-link.active:hover, ul.pagination li.page-item a.page-link:hover {background-color: var(--peach); color: var(--white);border: 1px solid var(--onyx-soft);}
}

/* ####################################################### Einblicke ####################################################### */

/*
.einblicke figure[data-contain] img {
  object-fit:cover;
}

.einblicke .col:nth-child(5n) figure.img {
  --w: 1;
  --h: 1.25;
}

.einblicke .col:nth-child(5n+1) figure.img {
  --w: 5;
  --h: 4;
}

.einblicke .col:nth-child(5n+2) figure.img {
  --w: 4;
  --h: 5;
}

.einblicke .col:nth-child(5n+3) figure.img {
  --w: 4;
  --h: 3;
}

.einblicke .col:nth-child(5n+4) figure.img {
  --w: 3;
  --h: 2;
}


.einblicke .col a {
  text-decoration: none;
  color: var(--white);
}

.einblicke .col a figure {
  box-shadow: rgba(72, 81, 86, 0.05) 0px 20px 25px -5px, rgba(72, 81, 86, 0.02) 0px 10px 10px -5px;
}

.einblicke .col a header {
  display: none;
}

@media (hover: hover) {
  .einblicke .col a header {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items:flex-end;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    overflow: hidden;
  }

  .einblicke .col a .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--sunrise);
    background: -moz-linear-gradient(45deg, var(--onyx) 0%, var(--sunrise) 100%);
    background: -webkit-linear-gradient(45deg, var(--onyx) 0%, var(--sunrise) 100%);
    background: linear-gradient(45deg, var(--onyx) 0%, var(--sunrise) 100%);
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0;
  }

  .einblicke .col a:hover header {opacity: 1;}

  .einblicke .col a:hover .overlay {opacity: 0;}

.einblicke .col a:hover figure.img img {
  -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-filter:saturate(140%) contrast(120%) brightness(.4)blur(3px);
  filter:saturate(140%) contrast(120%) brightness(.4) blur(3px);
}


}

*/

/* ####################################################### Hospizhilfe ####################################################### */

.page___troublemaker___hospizhilfe {
  color: var(--white);
  background: var(--peach);
  background: -moz-linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
  background: -webkit-linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
  background: linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
}

.cover .overlay.sunrise {
  opacity: .75;
  background: var(--sunrise);
  background: -moz-linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
  background: -webkit-linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
  background: linear-gradient(45deg, var(--peach) 0%, var(--sunrise) 100%);
}


/* ####################################################### Cookie CSS ####################################################### */

#cc-main {
    --cc-font-family: var(--font-family);
    background-color: var(--color-white);
    color: var(onyx);
    border-radius: .75rem;


    --cc-btn-primary-bg: var(--peach);
    --cc-btn-primary-border-color: #000000;
    --cc-btn-primary-hover-bg: #444444;
    --cc-btn-primary-hover-border-color: #444444;


    --cc-toggle-on-bg: var(--cc-btn-primary-bg);

    --cc-btn-border-radius: 10px;
}

#cc-main .pm__section--toggle .pm__section-title, #cc-main .pm__section--toggle .pm__section-title:hover {
background: var(--peach-soft);
color: var(--onyx);
border-color: unset;
}

#cc-main .pm__section--expandable .pm__section-arrow {
background: var(--peach);
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--white);
}


/* ####################################################### Forms ####################################################### */

.honeymoon {
    position: absolute;
    left: -9999px;
}

.form_alerts {
  background: var(--sunrise);
  color: var(--white);
  border-radius: 10px;
}
.form_alerts ul li {
  list-style: none;
}


/* ####################################################### responsive ####################################################### */


@media (min-width: 576px) {
html, body  {font-size: .92rem;}
span.video, span.img, figure.video, figure.img {--w: 1; --h: 1;}
figure.article_img {--w: 4; --h: 5;}
figure.troublemaker_img {--w: 4; --h: 5;}
figure.img.palliativ {--w: 5;--h: 4;}
figure.portrait {--w: 4; --h: 5;}
figure.entry_img.img, figure.modal_entry_img.entry_img.img  {--w: 3; --h: 2;}
.home_block_item figure.img, .home_block_item_einblicke, .home_block_item_solo figure.img {--w: 2; --h: 1;}
.container-fluid, .cover {padding-left: 1.75rem; padding-right: 1.75rem;}
.cover {padding-top: 1.75rem; margin-bottom: 1.75rem;}
nav.navbar {padding: .6rem 0;}
header.page--header h1, .carousel h1 {font-size: 3.5rem;}
header.page--header h1 span {font-size: 2.5rem;}
body.palliativ .cover .cover_logo {background-size: 66% auto;}
body.hospiz .cover .cover_logo, body.hospizhilfe .cover .cover_logo  {background-size: 75% auto;}
.cover {padding-top: calc(1.75rem + 94px);}
footer.footer a picture img {height: 30px;}
footer.footer a picture img.cp_main_logo {height: 35px;}
.home_block_item .home_block_item_logo img {height: 50px;}
.home_block_item_w_image .home_block_item figure.img {--w: 5; --h: 2;}
.home_block_item_w_image:nth-child(3) .home_block_item figure.img {--w: 5; --h: 2;}
}


@media (min-width: 768px) {
html, body  {font-size: .95rem;}
span.video, span.img, figure.video, figure.img {--w: 5; --h: 4;}
figure.article_img {--w: 4; --h: 5;}
figure.troublemaker_img, figure.troublemaker_img.troublemaker_img_hero {--w: 4; --h: 5;}
figure.img.palliativ {--w: 5;--h: 4;}
figure.portrait {--w: 4; --h: 5;}
figure.entry_img.img, figure.modal_entry_img.entry_img.img  {--w: 3; --h: 2;}
.home_block_item figure.img, .home_block_item_einblicke figure.img {--w: 5; --h: 4;}
.home_block_item_solo figure.img  {--w: 3; --h: 1.159;}
nav.navbar {padding: .65rem 0;}
.container-fluid, .cover {padding-left: 2.25rem; padding-right: 2.25rem;}
.cover {padding-top: 2.25rem; margin-bottom: 2.25rem;}
header.page--header h1, .carousel h1 {font-size: 4rem;}
body.palliativ .cover .cover_logo {background-size: 50% auto;}
body.hospiz .cover .cover_logo, body.hospizhilfe .cover .cover_logo  {background-size: 70% auto;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 2.5rem;height: 2.5rem;}
.ptm_default .imageset .imagecol:nth-child(3) {display: block;}
footer.footer a picture img.cp_main_logo {height: 35px;}
.home_block_item .home_block_item_logo img {height: 40px;}
.home_block_item_w_image .home_block_item figure.img {--w: 3; --h: 2;}
.home_block_item_w_image:nth-child(3) .home_block_item figure.img {--w: 3; --h: 1;}
.cover {padding-top: calc(2.25rem + 99px);}
}

@media (min-width: 992px) {
html, body  {font-size: .98rem;}
span.video, span.img, figure.video, figure.img {--w: 3; --h: 2;}
figure.article_img {--w: 4; --h: 5;}
figure.troublemaker_img, figure.troublemaker_img.troublemaker_img_hero  {--w: 4; --h: 5;}
figure.img.palliativ {--w: 3;--h: 2;}
figure.portrait {--w: 4; --h: 5;}
figure.entry_img.img {--w: 5; --h: 4;}
figure.modal_entry_img.entry_img.img {--w: 3; --h: 2;}
.home_block_item figure.img, .home_block_item_einblicke figure.img {--w: 5; --h: 4;}
.home_block_item_lexikon figure.img {--w: 5; --h: 4;}
.home_block_item_solo figure.img  {--w: 3; --h: 1.14;}
nav.navbar {padding: .8rem 0;}
.container-fluid, .cover {padding-left: 2.75rem; padding-right: 2.75rem;}
.cover {padding-top: 2.75rem; margin-bottom: 2.75rem;}
header.page--header h1, .carousel h1 {font-size: 4.5rem;}
footer.footer a picture img {height: 25px;}
footer.footer a picture img.cp_main_logo {height: 35px;}
.home_block_item .home_block_item_logo img {height: 25px;}
.home_block_item_w_image:nth-child(3) .home_block_item figure.img {--w: 3; --h: 2;}
body.palliativ .cover .cover_logo {background-size: 45% auto;}
body.hospiz .cover .cover_logo, body.hospizhilfe .cover .cover_logo  {background-size: 65% auto;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 2.75rem;height: 2.75rem;}

.mainnav.nav-up {top: -99px;}
.cover {padding-top: calc(2.75rem + 99px);}
}


@media (min-width: 1200px) {
html, body  {font-size: 1rem;}
span.video, span.img, figure.video, figure.img {--w: 2; --h: 1;}
figure.article_img {--w: 4; --h: 5;}
figure.troublemaker_img, figure.troublemaker_img.troublemaker_img_hero  {--w: 4; --h: 5;}
figure.img.palliativ {--w: 2;--h: 1;}
figure.portrait {--w: 4; --h: 5;}
figure.entry_img.img {--w: 5; --h: 4;}
figure.modal_entry_img.entry_img.img {--w: 2; --h: 1;}
figure.slider_img {--w: 5; --h: 3;}
.home_block_item figure.img {--w: 5; --h: 4;}
.home_block_item_einblicke figure.img {--w: 1; --h: 1.25;}
.home_block_item_lexikon figure.img {--w: 2; --h: 1.177;}
.home_block_item_solo figure.img  {--w: 3; --h: 1.14;}
nav.navbar {padding: .95rem 0;}
.container-fluid, .cover {padding-left: 3.25rem; padding-right: 3.25rem;}
.cover {padding-top: 3.25rem; margin-bottom: 3.25rem;}
header.page--header h1, .carousel h1 {font-size: 5rem;}
footer.footer a picture img {height: 30px;}
footer.footer a picture img.cp_main_logo {height: 40px;}
.home_block_item .home_block_item_logo img {height: 30px;}
body.palliativ .cover .cover_logo {background-size: 40% auto;}
body.hospiz .cover .cover_logo, body.hospizhilfe .cover .cover_logo  {background-size: 60% auto;}
header.page--header .intro p.fs-1 {font-size: 2.666rem!important;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 3rem;height: 3rem;}

.mainnav.nav-up {top: -107px;}
.cover {padding-top: calc(3.25rem + 107px);}
}

@media (min-width: 1400px) {
html, body  {font-size: 1.1rem;}
span.video, span.img, figure.video, figure.img {--w: 3; --h: 1;}
figure.article_img {--w: 4; --h: 5;}
figure.troublemaker_img, figure.troublemaker_img.troublemaker_img_hero  {--w: 3; --h: 2;}
figure.img.palliativ {--w: 3;--h: 1;}
figure.portrait {--w: 4; --h: 5;}
figure.entry_img.img {--w: 5; --h: 4;}
figure.slider_img {--w: 2; --h: 1;}
figure.entry_img.img, .home_block_item figure.img {--w: 5; --h: 3;}
.home_block_item_einblicke figure.img {--w: 2; --h: 1.883;}
.home_block_item_lexikon figure.img {--w: 3; --h: 1.324;}
.home_block_item_solo figure.img  {--w: 4; --h: 1.151;}
nav.navbar {padding: 1.1rem 0;}
.container-fluid, .cover {padding-left: 3.75rem; padding-right: 3.75rem;}
.cover {padding-top: 3.75rem; margin-bottom: 3.75rem;}
header.page--header h1, .carousel h1 {font-size: 5.5rem;}
footer.footer a picture img {height: 30px;}
footer.footer a picture img.cp_main_logo {height: 40px;}
.home_block_item .home_block_item_logo img {height: 35px;}
header.page--header .intro p.fs-1 {font-size: 3rem!important;}

.mainnav.nav-up {top: -124px;}
.cover {padding-top: calc(3.75rem + 124px);}
}

@media (min-width: 1500px) {
.topbar {display: none;}
.troublemaker {display: block;}
footer.footer a picture img {height: 35px;}
footer.footer a picture img.cp_main_logo {height: 45px;}

.mainnav.nav-up {top: -86px;}
.cover {padding-top: calc(3.75rem + 86px);}
}

@media (min-width: 1650px) {.troublemaker {right: 2rem;}.troublemaker .inner a {width:2.25rem;height: 2.25rem;}.troublemaker .inner a i {font-size: 1.1rem;}}
@media (min-width: 1750px) {.troublemaker {right: 5vw;}.troublemaker .inner a {width:2.5rem;height: 2.5rem;}.troublemaker .inner a i {font-size: 1.2rem;}}

.force--palliativteam--background {
  background: var(--palliativteamlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
  background: linear-gradient(45deg, var(--palliativteamlight) 0%, var(--palliativteamdark) 100%)!important;
}

.force--palliativdienst--background {
  background: var(--palliativdienstlight)!important;
  background: -moz-linear-gradient(45deg, var(--palliativdienstdark) 0%, var(--palliativdienstlight) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--palliativdienstdark) 0%, var(--palliativdienstlight) 100%)!important;
  background: linear-gradient(45deg, var(--palliativdienstdark) 0%, var(--palliativdienstlight) 100%)!important;
}

.force--stadthospiz--background, .cover .overlay.lavendel {
  background: var(--stadthospizlight)!important;
  background: -moz-linear-gradient(45deg, var(--stadthospizdark) 0%, var(--stadthospizlight) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--stadthospizdark) 0%, var(--stadthospizlight) 100%)!important;
  background: linear-gradient(45deg, var(--stadthospizdark) 0%, var(--stadthospizlight) 100%)!important;
}

.force--hospizhilfe--background {
  background: var(--hospizhilfedark)!important;
  background: -moz-linear-gradient(45deg, var(--hospizhilfelight) 0%, var(--hospizhilfedark) 100%)!important;
  background: -webkit-linear-gradient(45deg, var(--hospizhilfelight) 0%, var(--hospizhilfedark) 100%)!important;
  background: linear-gradient(45deg, var(--hospizhilfelight) 0%, var(--hospizhilfedark) 100%)!important;
}

.page___troublemaker___hospiz {
  background: var(--stadthospizlight);
  color: var(--stadthospizdark);
}

body.hospizhilfe .force--hospizhilfe--background .btn-primary {
  color: var(--onyx-mid)!important;
  background-color: var(--white)!important;
}

@media (hover: hover) {
body.hospizhilfe .force--hospizhilfe--background .btn-primary:hover {
    color: var(--onyx)!important;
    background-color: var(--white)!important;
}


body.palliativ .force--palliativteam--background .btn-primary {
  color: var(--onyx-mid)!important;
  background-color: var(--white)!important;
}

@media (hover: hover) {
body.palliativ .force--palliativteam--background .btn-primary:hover {
    color: var(--onyx)!important;
    background-color: var(--white)!important;
}


body.hospiz .force--stadthospiz--background .btn-primary {
  color: var(--onyx-mid)!important;
  background-color: var(--white)!important;
}

@media (hover: hover) {
body.hospiz .force--stadthospiz--background .btn-primary:hover {
    color: var(--onyx)!important;
    background-color: var(--white)!important;
}

body.gallery .btn-primary {
  color: var(--white)!important;
  background-color: var(--stadthospizdark)!important;
}

@media (hover: hover) {
body.gallery .btn-primary:hover {
    color: var(--stadthospizdark)!important;
    background-color: var(--stadthospizlight)!important;
}

body.palliativdienst .btn-primary, body.palliativdienst .btn-primary:hover, body.palliativdienst .btn-secondary, body.palliativdienst .btn-secondary:hover  {
  background-color: var(--onyx)!important;color: var(--white)!important;}

  body.hospizhilfe .btn-primary, body.hospizhilfe .btn-primary:hover, body.hospizhilfe .btn-secondary, body.hospizhilfe .btn-secondary:hover  {
    background-color: var(--onyx)!important;color: var(--white)!important;}

body.palliativdienst .close_btn {color: var(--palliativdienstlight)!important;}
body.hospizhilfe .close_btn {color: var(--hospizhilfelight)!important;}

@media (hover: hover) {
  body.palliativdienst .btn-primary:hover {color: var(--white)!important; background-color: var(--onyx-soft)!important;}
  body.palliativdienst .btn-secondary:hover {color: var(--white)!important; background-color: var(--palliativdienstdark)!important;}
  body.palliativdienst .close_btn:hover {color: var(--palliativdienstdark)!important;}

  body.hospizhilfe .btn-primary:hover {color: var(--white)!important; background-color: var(--onyx-soft)!important;}
  body.hospizhilfe .btn-secondary:hover {color: var(--white)!important; background-color: var(--hospizhilfedark)!important;}
  body.hospizhilfe .close_btn:hover {color: var(--hospizhilfedark)!important;}
  }

body.palliativdienst .force--palliativdienst--background .btn-primary {
  color: var(--onyx-mid)!important;
  background-color: var(--white)!important;
}

@media (hover: hover) {
body.palliativdienst .force--palliativdienst--background .btn-primary:hover {
    color: var(--onyx)!important;
    background-color: var(--white)!important;
}


.page___troublemaker___hospizhilfe {
  color: var(--white);
  background: var(--hospizhilfedark);
}