/*  pages.guide */
/* vars.ci */
/* mixins.device */
/* mixins.numbers */
/* mixins.device */
/* mixins.fallbacks */
/*  pages.guide */
/* mixins.space */
/*  pages.common */
/*  pages.guide */
/* mixins.color    */
/* utilities.hacks */
header.main-head {
  min-height: 15em;
  contain: paint;
  grid-template-columns: [L] 1fr [C-start] var(--toc-width, 1fr) var(--advisor-width, 3fr) [C-end] 1fr [R];
  grid-template-rows: [T] 1fr [M intro-start] auto [intro-end] auto [B];
}
@media (max-width: 35.999em) {
  header.main-head {
    display: block;
    padding-top: var(--spacing);
  }
}
header.main-head > :is(h1,.h1, h2,.h2, h3,.h3) {
  grid-column: C;
  align-self: center;
}
header.main-head .page-title {
  grid-row-start: T;
}
header.main-head #page-subtitle {
  grid-row-start: M;
}
header.main-head .page-intro {
  --_bg: hsl(var(--title-hue, 37), 15%, 90%, var(--title-opac, 85%));
  padding: var(--spacing, var(--size-3));
  background-color: var(--_bg, transparent);
  grid-row: intro;
}

#c_search-header {
  grid-column: L/R;
  contain: paint;
}

html {
  scroll-padding-top: calc(7.9375rem + 1.5 * var(--block-spacing-block));
  scroll-behavior: smooth;
}

main.guide {
  --advisor-width: minmax(min-content, 82ch);
  --toc-width: minmax(min-content, 35ch);
}
@media (max-width: 63.999em) {
  main.guide {
    --toc-width: minmax(22ch, 35ch);
  }
}

.layout:target .block-form {
  outline: 2px solid var(--brand-accent-600);
  outline-offset: 3px;
  border-radius: 1ex;
}

.c_partner, .c_packages {
  background-color: var(--surface-10);
  margin: 0 auto;
}

:is(.c_advisor,
.c_partner,
.c_packages) {
  display: grid;
  position: relative;
}
:is(.c_advisor,
.c_partner,
.c_packages) :is(h2, .h2, h3, .h3) {
  --spacer: var(--size-3);
  /* margin-top: unset; */
}
:is(.c_advisor,
.c_partner,
.c_packages) :is(h3, .h3) {
  --spacer-end: 1ex;
}

section.c_advisor {
  grid-template-columns: var(--toc-width) var(--advisor-width);
  grid-template-areas: "head head" ". utils" "toc content" ". foot";
  justify-content: space-evenly;
  align-items: start;
  background-color: var(--surface-10);
}
section.c_advisor .page-sidebar {
  grid-area: toc;
  position: -webkit-sticky;
  position: sticky;
  order: -1;
  display: flex;
  flex-direction: column;
  top: var(--spacing);
  background: unset;
}
@media (max-width: 49.999em) {
  section.c_advisor {
    grid-template-columns: 1fr;
    grid-template-areas: "utils" "head" "toc" "content" "foot";
  }
  section.c_advisor .page-sidebar {
    background-color: transparent;
    display: none;
  }
  section.c_advisor .sub-wrapper {
    margin-top: calc(var(--space-inside) + 2 * var(--spacer) + 2 * var(--font-lineheight-1));
    width: 100dvw;
    left: -5px;
  }
}

.m_advisor {
  grid-area: content;
  background-color: white;
  margin: 0 auto;
}
.m_advisor > header,
.m_advisor > section:not(:last-of-type) {
  /* border-bottom: var(--border-width) solid var(--border-color); */
  padding-bottom: var(--spacing);
}

.m_advisor .layout {
  display: grid;
}
.m_advisor .layout > a.btn {
  max-width: max-content;
  justify-self: center;
}
.m_advisor .layout > hr {
  display: none;
}
.m_advisor .layout > blockquote.wia-box.box:first-child {
  margin-top: 3em;
}

.guide-cta {
  grid-area: unset;
  z-index: 50;
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  justify-content: end;
  top: 0;
  left: 0;
  padding: calc(var(--space-inside) * 0.5);
}
@media (min-width: 30em) {
  .guide-cta {
    grid-area: utils;
  }
}
@media (max-width: 49.999em) {
  .guide-cta {
    left: 0;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    position: fixed;
    margin: unset;
  }
}
@media (min-width: 50em) {
  .guide-cta .container {
    padding-block: calc(var(--space-inside) * 0.75);
    padding-inline: calc(var(--space-inside) * 1);
    border-radius: 0 0 var(--space-inside) var(--space-inside);
  }
}
.guide-cta.-absolute {
  position: absolute;
}
.bts-wrapper {
  position: fixed;
  top: 0;
  z-index: 30;
  width: 100vw;
  max-width: 100vw;
  margin-inline: var(--spacing-neg);
  text-align: center;
}
.bts-wrapper > .btn {
  margin-inline: auto;
}
.bts-wrapper > .btn::before {
  rotate: -90deg;
}
@media (min-width: 50em) {
  .bts-wrapper {
    width: 15rem;
    left: -7.5rem;
    margin-inline: 50% auto;
    border-radius: 0 0 2rem 2rem;
  }
  .bts-wrapper > .btn {
    width: max-content;
  }
}

/* HTML Data-Module */
figure.table-data {
  --border-radius: 5px;
  max-width: 100%;
  overflow-x: auto;
}

.table-data > tbody tr td:first-of-type {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  left: 0;
}

.table-data > thead th {
  min-width: 8ch;
}

.m_html > :is(.grid, [class*=grid-]) {
  --column-layout: repeat(12, 1fr);
  background-attachment: scroll;
  background-size: cover;
  background-position: var(--align-inline) var(--align-block);
}
.m_html > :is(.grid, [class*=grid-]) > * {
  backdrop-filter: blur(6px) contrast(75%) brightness(125%);
  background-color: rgba(255, 255, 255, 0.7333333333);
  box-shadow: var(--shadow-2), var(--glow-4);
}

.m_html > .box-image {
  --gutter: 1ex;
}

.m_html > section:not(.box-image) [data-span] + [data-span] {
  box-shadow: var(--spacer-pull) 0 0 var(--panel-background-color, red), calc(var(--spacer-pull) - var(--border-width)) 0 0 var(--border-color, green);
}

/* guide videos */
figure.video,
figure.video iframe {
  width: 100%;
  min-height: fit-content;
}
@media (max-width: 29.999em) {
  figure.video,
  figure.video iframe {
    min-height: 300px;
  }
}

/* Block IFrame */
figure.iframe {
  resize: vertical;
  box-shadow: var(--shadow-dark);
  margin-block: var(--spacing);
  max-height: 95vh;
  min-height: var(--_mh);
}

figure.iframe iframe {
  background: transparent;
  padding: 0.5ex 0;
  width: 100%;
  max-width: 100%;
  height: 50vh;
  min-height: var(--_mh, 90vh);
  max-height: 90vh;
}

/*  pages.guide */
/* vars.ci */
/* mixins.space */
/* utilities.counter */
.ctr {
  list-style: none;
  counter-set: level1 0 level2 1 level3 1;
}

@supports not (-moz-appearance: inherit) {
  .ctr {
    counter-reset: level1 0 level2 1 level3 1;
  }
}
.ctr > li {
  --toc-indent: 2ch;
}

.ctr > li,
.ctr .ctr-lv1 {
  counter-increment: level1;
  counter-reset: level2 level3;
}

.ctr > li > ol > li {
  --toc-indent: 3ch;
}

.ctr > li > ol > li,
.ctr .ctr-lv2 {
  counter-increment: level2;
  counter-reset: level3;
}

.ctr > li > ol > li > ol > li,
.ctr .ctr-lv3 {
  counter-increment: level3;
}

.ctr > li::before,
.ctr .ctr-lv1::before {
  content: counter(level1) ". ";
}

.ctr li::before {
  font-variant-numeric: slashed-zero tabular-nums lining-nums;
  text-align: right;
  vertical-align: baseline;
}

.ctr > li > ol > li::before,
.ctr .ctr-lv2::before {
  content: counter(level1) "." counter(level2) " ";
}

.ctr > li > ol > li > ol > li::before,
.ctr .ctr-lv3::before {
  content: counter(level1) "." counter(level2) "." counter(level3) " ";
}

.ctr > li > ol > li > ol > li {
  --toc-indent: 4ch;
}

/*  pages.common */
/*  pages.guide */
/* vars.ci */
/*  pages.guide */
/* mixins.space */
/* mixins.color    */
/* utilities.hacks */
/* mixins.device */
/* mixins.numbers */
/* mixins.fallbacks */
/* components.navigation.footer */
/* mixins.icons */
.static .page-sidebar {
  padding-top: 0;
  padding-right: 0;
}

.page-sidebar {
  flex: 1;
  min-width: 25%;
}

.page-sidebar + article {
  flex: 3;
}

.menu-toc {
  --sticky-offset-top: calc(3.5rem + 2.5rem + 1.9375rem + var(--block-spacing-block));
  align-self: flex-start;
  top: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #2c90a8 #ccc7c0;
  max-height: 100vh;
}

.menu-toc ol.menu {
  padding-left: 0;
  margin-right: 1em;
}

.menu-toc ol.menu > li {
  margin-bottom: var(--size-3);
}

.menu-toc ol.menu ol {
  padding-left: 0;
}

.menu-toc li {
  list-style-type: none;
  text-indent: calc(-1 * var(--toc-indent, 2ch));
  padding-left: var(--toc-indent, 2ch);
}

.menu-toc .menu-item {
  display: inline-block;
}

.menu-toc .menu-item:before {
  vertical-align: top;
}

.menu-toc .menu-label {
  display: inline;
  vertical-align: baseline;
}

.menu-toc .current-heading {
  font-weight: var(--font-weight-extrabold);
  color: var(--menu-item-hilight-color);
}

.menu-toc .menu-link {
  display: inline;
  --menu-item-hilight-color: #eb6a0a;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.menu-toc > ol > li > ol > li {
  margin-bottom: var(--size-1);
}

@media (max-width: 63.999em) {
  .page-sidebar {
    display: none;
    position: -webkit-sticky;
    position: sticky;
    z-index: 30;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.4);
  }
  .page-sidebar .menu-toc {
    align-self: unset;
    background-color: var(--surface-8);
    padding: var(--spacing);
    max-height: 100%;
    max-width: 50ch;
  }
  .toc-open {
    position: fixed;
    bottom: var(--block-spacing-inline);
    left: var(--block-spacing-inline);
    z-index: 20;
    opacity: 0.8;
  }
  .toc-open:hover {
    opacity: 1;
  }
  .toc-open:focus ~ .page-sidebar,
  .toc-open:active ~ .page-sidebar,
  .page-sidebar:active {
    display: block;
    animation: fade-in 0.5s;
  }
}
@media (min-width: 64em) {
  .toc-open,
  button.close {
    display: none;
  }
}
.menu-toc .menu-link {
  --menu-item-shadow-color: transparent;
}

.menu-toc > .menu > .menu-item > ol {
  display: flex;
  flex-direction: column;
}

@media (max-width: 63.999em) {
  .page-sidebar nav.menu-toc {
    background-color: var(--surface-10);
  }
}

@supports (max-height: 96dvh) {
  .menu-toc .menu {
    max-height: calc(100vh - var(--spacing) * 2 - var(--size-5));
    /* 2 mal padding + 1 mal top*/
  }
}
@media (max-width: 63.999em) {
  .menu-toc ol.menu {
    margin-right: unset;
  }
}
.menu-toc ol.menu > li {
  margin-bottom: var(--size-1);
}
@media (max-width: 63.999em) {
  .menu-toc li > ol,
  .menu-toc li > ol > li {
    padding-left: unset;
    text-indent: calc(0 * var(--toc-indent, 2ch));
  }
  .menu-toc li > ol > li > ol > li.menu-item {
    display: block;
  }
}

@media (min-width: 64em) {
  .menu-toc .menu-label {
    display: inline;
  }
}

.menu-toc .sub-wrapper {
  min-width: 26ch;
}

.menu-toc .sub-wrapper .menu {
  outline: none;
}

.toc-mobile .sub-wrapper {
  width: 95vw;
  overflow: scroll;
}
.toc-mobile .sub-wrapper .menu-item:hover {
  background-color: unset;
}

.fade-overflow {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0 !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, transparent, #fff 80%);
  content: "";
  height: calc(6 * var(--gutter));
}

hr {
  width: 100%;
  color: var(--color-7);
}

/* Intropages, Partners */
:is(.m_partner, .m_intropage) {
  container-type: inline-size;
  padding-inline: var(--spacing);
}

:is(.c_partner,
.c_packages,
.c_intropage) {
  padding-inline: 0;
}
:is(.c_partner,
.c_packages,
.c_intropage) div.form-layout {
  text-align: center;
  max-width: none;
}
:is(.c_partner,
.c_packages,
.c_intropage) div.form-layout :is(h2, h3, h4) {
  --h1-width: auto;
  --h2-width: auto;
  --h3-width: auto;
  margin-top: var(--size-8);
}
:is(.c_partner,
.c_packages,
.c_intropage) .layout:not(.grid, [class*=grid-]) {
  --layout: 80ch;
  text-align: center;
  max-width: var(--layout);
  margin-inline: auto;
}
:is(.c_partner,
.c_packages,
.c_intropage) .layout:not(.grid, [class*=grid-]) :is(ul) {
  text-align: left;
}
:is(.c_partner,
.c_packages,
.c_intropage) .layout > a.btn {
  display: block;
}
:is(.c_partner,
.c_packages,
.c_intropage) a.btn {
  display: block;
  margin-inline: auto;
  max-width: fit-content;
}
:is(.c_partner,
.c_packages,
.c_intropage) .rating-item .i-icon-star {
  --icon-fill: var(--brand-primary-400);
}
:is(.c_partner,
.c_packages,
.c_intropage) .rating-item .rater {
  color: var(--color-5);
}
:is(.c_partner,
.c_packages,
.c_intropage) .-supportcenters .card-body a {
  word-break: break-all;
}

.guide-chapter figure:has(> img[src$=png][role=presentation])::before, .guide-chapter figure:has(> img[src$=png][role=presentation])::after {
  content: "";
  inset: 0;
  position: absolute;
  background-color: var(--brand-accent-800);
  opacity: 0.5;
}
.guide-chapter figure:has(> img[src$=png][role=presentation])::after {
  background-color: transparent;
  background-size: 100%;
  background-image: var(--hero-image, none);
  mix-blend-mode: luminosity;
}
.guide-chapter figure:has(> img[src$=png][role=presentation]) > img {
  filter: contrast(1.5);
  mix-blend-mode: multiply;
}

/* Advantages */
.packages-advantages {
  background-color: var(--color-8);
}

:is(.partner-advantages, .packages-advantages) {
  outline: none;
  z-index: 10;
}
:is(.partner-advantages, .packages-advantages) :is(.advantages-list, ul) {
  display: grid;
  gap: var(--spacing);
  margin-bottom: 0;
  list-style-type: none;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
:is(.partner-advantages, .packages-advantages) :is(.advantages-item, li) {
  --icon-check: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" stroke=\"%23237789\" fill=\"none\" stroke-width=\"4\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\" /></svg>");
  justify-self: center;
  display: flex;
}
:is(.partner-advantages, .packages-advantages) :is(.advantages-item, li)::before {
  content: var(--icon-check);
  margin-right: calc(var(--spacing) * 0.25);
  vertical-align: middle;
}
@media (max-width: 49.999em) {
  :is(.partner-advantages, .packages-advantages) :is(.advantages-item, li) {
    justify-self: start;
  }
}

/* Homepage, Pflege, Ratgeber :is(.home, .intropage, .guides) */
.m_intropage .layout > :is(p, ul, ol) {
  max-width: 80ch;
}
.m_intropage > :is(h1, h2, h3, h4, p),
.m_intropage > .layout > :is(h1, h2, h3, h4) {
  text-wrap: balance;
  text-align: center;
  margin-inline: auto;
}

.fixed-md {
  position: fixed !important;
  top: 0.75rem;
}

/* Styles für Ratgeberseiten (Such-Widget) */
.listing-search .card-foot {
  place-items: start;
}
.listing-search .side-button {
  width: 100%;
  grid-template-columns: 1fr auto;
}

@media (max-width: 23.249em) {
  .listing-search .side-button {
    flex-direction: column;
    gap: var(--spacing);
  }
  .side-button a.-half {
    --_radii: 1em;
  }
}
/* Newsletter Signup */
.m_partner > div#mailchimp {
  display: block;
  width: 100%;
  margin-inline: auto;
}
.m_partner > div#mailchimp .-iframe {
  max-width: 80ch;
  margin: 0 auto;
}
.m_partner > div#mailchimp figure.iframe {
  box-shadow: unset;
}
@media (max-width: 51em) {
  .m_partner > div#mailchimp figure.iframe, .m_partner > div#mailchimp iframe {
    min-height: 64dvh;
  }
}
@media (max-width: 35.999em) {
  .m_partner > div#mailchimp figure.iframe, .m_partner > div#mailchimp iframe {
    min-height: 99dvh;
  }
}

.-deck-slim #beratung-wohnen-im-alter .card-head,
.-deck-slim #beratung-mein-pflegejob .card-head {
  align-content: center;
}
.-deck-slim #beratung-wohnen-im-alter .card-head img,
.-deck-slim #beratung-mein-pflegejob .card-head img {
  height: unset;
  aspect-ratio: unset;
}

.-deck-quart > article[id].-square img {
  max-height: 200px;
  object-fit: contain;
}