/* COLORS */

:root {
  --spicy-color-hover: #ee7f00; /* #e67e22; */
  --spicy-gray-100: #f5f5f5;
  --spicy-blue: #009cdd;
}

body.site .page-header h1, body.site .category-desc h1, body.site .com-content-article__body h1 {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  font-size: 1.5rem;
  margin-bottom: 1.5em;
}

body.site.layout-spicyspicy .blog-item .page-header, body.site.layout-spicyspicy .blog-item dd.published, body.site.layout-spicyspicy .blog-item dd.create {
  display: block;
  margin: 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

body.site.layout-spicyspicy .blog-item .page-header {
  padding: 1.25em 1em;
  background: var(--spicy-blue);
}

body.site.layout-spicyspicy .blog-item dd.published, body.site.layout-spicyspicy .blog-item dd.create {
  padding: 0;
}


body.site.layout-spicyspicy .blog-item .page-header {
  text-align: left;
}

body.site.layout-spicyspicy .blog-item h2 > a {
  /* hyphens: auto; */
}

body.site.layout-spicyspicy .blog-item h2, body.site.layout-spicyspicy .blog-item h2 > a, body.site.layout-spicyspicy .blog-item dd.published, body.site.layout-spicyspicy .blog-item dd.create {
  text-decoration: none;
  line-height: 1.5;
  margin: 0;
}

body.site.layout-spicyspicy .blog-item h2, body.site.layout-spicyspicy .blog-item h2 > a {
  color: var(--spicy-color-primary);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
}

body.site.layout-spicyspicy .blog-item dd.published, body.site.layout-spicyspicy .blog-item dd.create {
  color: var(--spicy-blue);
  font-size: 0.85rem;
  text-align: right;
}

body.site.layout-spicyspicy .blog-item .article-info {
  margin-bottom: 1.5em;
}

/* Ken Burns CSS Animation Effect | https://codepen.io/brandonleetran/pen/JjwLZRP */

.container-banner > .mod-custom.kenburns, .container-banner > .mod-custom.banner {
  position: relative;
  width: 100%;
  height: 540px;
  padding: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  backface-visibility: hidden;
}

.container-banner > .mod-custom.kenburns > .kenburns-background, .container-banner > .mod-custom.banner > .banner-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-banner > .mod-custom.kenburns > .kenburns-background {
  animation: kenburnsbanner 6.5s forwards;
}

.container-banner > .mod-custom.kenburns > .kenburns-content, .container-banner > .mod-custom.banner > .banner-content {
  position: relative;
  width: 100%;
  max-width: 1320px;
  padding: 0;
  margin: 0 auto;
}

.container-banner > .mod-custom.kenburns h3, .container-banner > .mod-custom.banner h3 {
  font-size: 3rem;
  font-family: var(--body-font-family);
  font-weight: 400;
  color: var(--spicy-color-primary);
  word-break: break-word;
  line-height: 1.5;
}

@keyframes kenburnsbanner {
  0% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}

.container-banner > .mod-custom.kenburns h3, .container-banner > .mod-custom.banner h3 {
  display: inline;
  margin: 0;
  padding: 0.3em 0.375em;
  background: #ee7f00;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (max-width: 991px) {
  .container-banner > .mod-custom.kenburns, .container-banner > .mod-custom.banner {
    height: 320px;
  }
  .container-banner > .mod-custom.kenburns h3, .container-banner > .mod-custom.banner h3 {
    font-size: 2rem;
  }
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
  color: var(--gray-700);
}

:root {
  hyphens: auto;
  hyphenate-limit-chars: 9 3 3;
  hyphenate-limit-lines: 3;
}

/* JOOMLA */

body {
  font-size: 1.125rem;
}

body.site .boxed .blog-item .item-image {
  margin: 0;
}

body.site.layout-spicyspicy .boxed .blog-item .item-image {
  margin: 0 0 1em 0;
}

body.site.layout-spicyspicy .item-content img {
  border-radius: 0;
}

.category-desc {
  /* columns: 2 320px; */
  margin-bottom: 2em;
  max-width: 990px;
}

dl.text-muted {
  color: #000!important;
}

.container-header {
  background: var(--spicy-color-hover);
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
}

.container-header .mod-menu {
  justify-content: flex-end;
  text-transform: none;
}

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  color: var(--spicy-color-primary);
}

.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
  background: var(--spicy-color-primary);
}

.metismenu.mod-menu .metismenu-item {
  padding: 0.5em 0.625em;
}

.metismenu.mod-menu .mm-toggler {
  box-shadow: -7px 0px 0 -6px var(--spicy-color-primary);
}


@media (max-width: 991px) {
  .metismenu.mod-menu .mm-toggler::after {
    filter: brightness(0);
  }

  .metismenu.mod-menu .mm-toggler {
    box-shadow: -7px 0px 0 -6px var(--spicy-color-link);
  }
}

.metismenu.mod-menu .mm-collapse {
  background-color: var(--gray-700);
}

.hamburger {
  background: var(--spicy-color-hover);
  right: 1em;
}

.hamburger-lines, .hamburger-lines:before, .hamburger-lines:after, .overlaid .hamburger .hamburger-lines:before, .overlaid .hamburger .hamburger-lines:after {
  background: var(--spicy-color-primary);
}

.readmore > .btn-secondary, .controls > .btn-primary {
  background-color: var(--spicy-color-hover);
  border-color: var(--spicy-color-hover);
  color: var(--spicy-color-primary);
}

.readmore > .btn-secondary:hover, .controls > .btn-primary:hover {
  background-color: var(--spicy-color-link);
  border-color: var(--spicy-color-link);
  color: var(--spicy-color-primary);
}

body.site.home .com-content-article__body {
  padding: 1em;
  background: var(--spicy-gray-100);
}

.sidebar-right .mod-menu {
  padding: 0;
}

.sidebar-right .mod-menu li > a > img {
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 8px;
}

.footer a {
  font-size: 0.875rem;
}

/* COM CONTENT */

body.site .container-banner {
  margin-bottom: 3em;
}

body.site.view-article.news .com-content-article__body, body.site.view-article.patronage .com-content-article__body, body.site.view-article.members .com-content-article__body, body.site.view-article.donate .com-content-article__body {
  margin-left: 0;
}

@media (max-width: 480px) {
  body.site.view-article .com-content-article .com-content-article__body {
    margin-left: 0;
  }
}

body.site.view-article .com-content-article img {
  border-radius: 0;
}

body.site .com-content-article__body {
  margin-bottom: 2em;
}

/* COM CATEGORIES */

body.site.view-categories .com-content-categories__items {
  display: flex;
  gap: 2em;
  flex-direction: column;
}

body.site.view-categories .com-content-categories__item {
  border: 0;
  position: relative;
}

body.site.view-categories .com-content-categories__item-image-wrapper {
  overflow: hidden;
}

body.site.view-categories .com-content-categories__item-image-wrapper a {
  display: block;
}

body.site.view-categories .com-content-categories__item-image-wrapper a img {
  border-radius: 0;
  transform: scale(1);
  transition: all .5s ease-out;
}

body.site.view-categories .com-content-categories__item-image-wrapper a:hover img {
  transform: scale(1.06);
}

body.site.view-categories .com-content-categories__item-title-wrapper {
  position: absolute;
  top: 1em;
  right: 2em;
}

body.site.view-categories .com-content-categories__item-title h2 {
  font-size: 2.75rem;
}

body.site.view-categories .com-content-categories__item-title a {
  text-decoration: none;
  color: #fff;
}

/* COM CONTENT DONATE */

body.site.donate main ul > li::marker {
  font-weight: 400;
}

body.site.donate main ul:not([class]) > li {
  list-style-type: '…';
  padding-left: 0.5rem;
}

body.site.layout-spicyalternating.donate .alternating .blog-item > .item-content > .item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.site.donate .blog.alternating h2 {
  font-size: 2.75rem;
}

/* RD CONTENT GALLERY */

body.site.human .splide.slider .splide_content.image {
  width: 295px;
  border-radius: 50%;
  margin: 0 auto;
}

/* RD LOCATOR */

.container-banner > .rdlocator {
  padding: 1em;
}

.leaflet-pane {
  z-index: 1!important;
}

.leaflet-tile.leaflet-tile-loaded {
  filter: grayscale(100%);
}

body.site .location-list, body.site #map.leaflet-container {
  height: 75vH;
}

.leaflet-popup-content-wrapper .location-menu {
  display: flex;
  gap: 1rem;
}

/* MOD QL FORM */

.form-group.control-group.jform_consent.labelled.required {
  display: flex;
  flex-direction: row-reverse;
}

.form-check.form-check-inline {
  margin-right: 0.5rem;
}

/* RD ALTERNATING */

.layout-spicyalternating .alternating .blog-item > .item-content {
  background: var(--spicy-gray-100);
  padding: 2em;
}

.layout-spicyalternating .alternating .blog-item > .item-content > .item-container {
  max-width: none;
}

@media (max-width: 1199px) {
  .layout-spicyalternating .alternating .rdurl > ul.rdurllist {
    flex-direction: row;
    column-gap: 0.75em;
    flex-wrap: wrap;
  }
}

/* #WeilWirMenschlichSind */

body.site.view-article.human .container-banner .custom {
  position: relative;
  height: 540px;
  background: url("/images/stories/weilwirmenschlichsind/header.jpg");
  background-size: cover;
  background-position: right;
}

@media (max-width: 767px) {
  body.site.view-article.human .container-banner .custom {
    position: relative; height: 480px;
  }
}

body.site.view-article.human .container-banner .custom .cta-btn {
  position: absolute;
  top: calc(50% - 40px);
  left: 50%; transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1320px;
  padding: 0 20px;
  box-sizing: border-box;
}

body.site.view-article.human .container-banner .custom .cta-btn .silhouette img {
  max-width: 440px;
  margin: 0 0 2em 0;
}

body.site.view-article.human .container-banner .custom .cta-btn .btn-white a {
  color: #fff; font-weight: bold; display: inline-block; border: 2px solid #fff; padding: 5px 15px; margin-right: 1em; float: left;
}

body.site.view-article.human .container-banner .custom .cta-btn .btn-white a:hover {
  color: var(--spicy-color-hover);
  background: #fff;
}

body.site.view-article.human .container-banner .custom .cta-btn .btn-orange a {
  font-weight: bold;
  display: inline-block;
  border: 2px solid var(--spicy-color-hover);
  padding: 5px 15px;
  color: var(--spicy-color-hover);
}

body.site.view-article.human .container-banner .custom .cta-btn .btn-orange a:hover {
  color: #fff; background: var(--spicy-color-hover);
}

@media (max-width: 767px) {
  body.site.view-article.human .container-banner .custom .cta-btn .btn-white a {
    float: none; margin-right: 0; margin-bottom: 0.5em;
  }
  body.site.view-article.human .container-banner .custom .cta-btn .silhouette img {
    margin-bottom: 1em; max-width: 320px;
  }
  body.site.view-article.human .container-banner .custom .cta-btn {
    padding: 0 40px;
  }
}

body.site.view-article.human .page-header {
  display: none;
}

body.site.view-article.human .container-component {
  position: relative;
  margin-top: -120px;
  padding: 0 20px 60px 20px;
  background: rgba(255,255,255,0.85);
}

body.site.view-article.human a, body.site.view-article.human a:hover {
  text-decoration: none;
}

body.site.view-article.human main#content a, body.site.view-article.human main#content a:hover {
  font-weight: bold;
}

body.site.view-article.human .container-component p {
  max-width: none;
}

body.site.view-article.human .container-component img {
  max-width: 480px;
  width: 100%;
}

body.site.view-article.human .container-component img.hashtag-badge {
  max-width: 710px;
  width: 100%;
}

body.site.view-article.human .container-component .hashtag {
  font-weight: bold; font-size: 2.25rem; color: var(--spicy-color-hover); line-height: 1.25;
}

@media (max-width: 979px) {
  body.site.view-article.human .container-component .hashtag {
    font-size: 1.9rem;
  }
  body.site.view-article.human .container-component {
    margin-top: -140px;
  }
}

@media (max-width: 480px) {
  body.site.view-article.human .container-component .hashtag {
    font-size: 1.5rem;
  }
  body.site.view-article.human .container-component {
    margin-top: -120px;
  }
}

body.site.view-article.human .container-component a.orange-link {
  color: #fff; border: 2px solid #fff; padding: 5px 15px; margin-right: 1em; display: inline-block;
}

body.site.view-article.human .container-component a.orange-link:hover {
  color: var(--spicy-color-hover); background: #fff;
}

body.site.view-article.human .container-component a.white-link {
  color: var(--spicy-color-hover); border: 2px solid var(--spicy-color-hover); padding: 5px 15px; margin-right: 1em; display: inline-block;
}

body.site.view-article.human .container-component a.white-link:hover {
  color: #fff; background: var(--spicy-color-hover);
}

body.site.view-article.human .container-component .orange-block {
  color: #fff; background: var(--spicy-color-hover); padding: 2em;
}

body.site.view-article.human .container-component .orange-block img {
  max-width: 480px;
  width: 100%;
}

body.site.view-article.human .container-component .mission {
  display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; color: #fff;
}

body.site.view-article.human .container-component .mission-left {
  grid-area: 1 / 1 / 2 / 3; background: var(--spicy-color-hover); padding: 2em; position: relative;
}

body.site.view-article.human .container-component .mission-left:after {
  position: absolute; content: ''; top: 25px; right: -20px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid var(--spicy-color-hover);
}

body.site.view-article.human .container-component .mission-right {
  grid-area: 1 / 3 / 2 / 6; background: rgba(230,126,34,0.5); padding: 2em;
}

body.site.view-article.human .container-component .mission-right ul {
  margin: 0 0 0 1em;
}

body.site.view-article.human .container-component .mission-right li {
  line-height: 1.5; margin-bottom: 0.5em;
}

body.site.view-article.human .container-component .mission-right li::marker {
  color: var(--spicy-color-hover);
}

@media (max-width: 979px) {
  body.site.view-article.human .container-component .mission {
    display: block;
  }
  body.site.view-article.human .container-component .mission-left:after {
    top: auto; right: auto; left: 30px; bottom: -25px; transform: rotate(90deg);
  }
}

/* AIMY CAPTCHA-LESS */
body.site .control-group.captcha > .controls > p {
  /* display: none; */
}

/* OFFERS MARKER */

img.leaflet-marker-icon.ibund {
  filter: invert(45%) sepia(31%) saturate(3998%) hue-rotate(169deg) brightness(96%) contrast(101%);
}

img.leaflet-marker-icon.kmfv {
  filter: invert(77%) sepia(58%) saturate(441%) hue-rotate(2deg) brightness(106%) contrast(95%);
}

img.leaflet-marker-icon.skf {
  filter: invert(16%) sepia(41%) saturate(4837%) hue-rotate(321deg) brightness(89%) contrast(121%);
}

img.leaflet-marker-icon.horizont {
  filter: invert(25%) sepia(92%) saturate(1719%) hue-rotate(186deg) brightness(90%) contrast(103%);
}

img.leaflet-marker-icon.ehw {
  /* filter: invert(53%) sepia(42%) saturate(997%) hue-rotate(163deg) brightness(84%) contrast(86%); */
  filter: invert(78%) sepia(33%) saturate(597%) hue-rotate(185deg) brightness(102%) contrast(98%);
}

img.leaflet-marker-icon.projekt {
  filter: invert(10%) sepia(79%) saturate(6923%) hue-rotate(349deg) brightness(95%) contrast(107%);
}

img.leaflet-marker-icon.wohnhilfe {
  /* filter: invert(37%) sepia(51%) saturate(669%) hue-rotate(170deg) brightness(95%) contrast(93%); */
  filter: invert(28%) sepia(15%) saturate(6740%) hue-rotate(174deg) brightness(83%) contrast(79%);
}

/* RD EXTERNAL LINKS */

a#external {
  margin-right: 1rem;
  position: relative;
  white-space: nowrap;
}

a#external:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  left: auto;
  right: -21px;
  bottom: 2px;
  background-image: url('../../../../../images/icons/open_in_new.svg');
  background-size: contain;
}