/* Default: Dark theme */
/* vars.ci */
/* Default: Dark theme */
/* mixins.color    */
/* Default: Dark theme */
/* mixins.space */
/* utilities.hacks */
:root:root {
  color-scheme: dark;
  --background-color: #363532;
  --border-color: #272524;
  --panel-background-color: var(--surface-8);
  --brand-primary-100: #fcf2dd;
  --brand-primary-200: #f7d79b;
  --brand-primary-300: #f3b66a;
  --brand-primary-400: #ee8b35;
  --brand-primary-500: #eb6a0a;
  --brand-primary-600: #bf5106;
  --brand-primary-700: #a33f05;
  --brand-primary-800: #832c03;
  --brand-primary-900: #5e1b01;
  --brand-primary-100-contrast: #260b01;
  --brand-primary-200-contrast: #260b01;
  --brand-primary-300-contrast: #260b01;
  --brand-primary-400-contrast: #260b01;
  --brand-primary-500-contrast: #260b01;
  --brand-primary-600-contrast: #fff;
  --brand-primary-700-contrast: #fff;
  --brand-primary-800-contrast: #fff;
  --brand-primary-900-contrast: #fff;
  --brand-secondary-100: #e4f4e3;
  --brand-secondary-200: #b4e0ac;
  --brand-secondary-300: #98d185;
  --brand-secondary-400: #81c35f;
  --brand-secondary-500: #62b332;
  --brand-secondary-600: #4d8524;
  --brand-secondary-700: #3c601a;
  --brand-secondary-800: #2c4212;
  --brand-secondary-900: #1c270a;
  --brand-secondary-100-contrast: #0e1204;
  --brand-secondary-200-contrast: #0e1204;
  --brand-secondary-300-contrast: #0e1204;
  --brand-secondary-400-contrast: #0e1204;
  --brand-secondary-500-contrast: #0e1204;
  --brand-secondary-600-contrast: #fff;
  --brand-secondary-700-contrast: #fff;
  --brand-secondary-800-contrast: #fff;
  --brand-secondary-900-contrast: #fff;
  --brand-accent-100: #dae6f0;
  --brand-accent-200: #aac7dc;
  --brand-accent-300: #85b6cd;
  --brand-accent-400: #5ea7bc;
  --brand-accent-500: #2c90a8;
  --brand-accent-600: #237789;
  --brand-accent-700: #1c616c;
  --brand-accent-800: #154b50;
  --brand-accent-900: #0e3637;
  --brand-accent-100-contrast: #08171a;
  --brand-accent-200-contrast: #08171a;
  --brand-accent-300-contrast: #08171a;
  --brand-accent-400-contrast: #08171a;
  --brand-accent-500-contrast: #08171a;
  --brand-accent-600-contrast: #fff;
  --brand-accent-700-contrast: #fff;
  --brand-accent-800-contrast: #fff;
  --brand-accent-900-contrast: #fff;
  --brand-compl-100: #dddad5;
  --brand-compl-200: #ccc7c0;
  --brand-compl-300: #bfb9b0;
  --brand-compl-400: #aca59a;
  --brand-compl-500: #655e53;
  --brand-compl-600: #655e53;
  --brand-compl-700: inherit;
  --brand-compl-800: #23211d;
  --brand-compl-900: #23211d;
  --brand-compl-100-contrast: #fff;
  --brand-compl-200-contrast: #fff;
  --brand-compl-300-contrast: #fff;
  --brand-compl-400-contrast: #fff;
  --brand-compl-500-contrast: #fff;
  --brand-compl-600-contrast: #dddad5;
  --brand-compl-700-contrast: #dddad5;
  --brand-compl-800-contrast: #dddad5;
  --brand-compl-900-contrast: #dddad5;
  --brand-grey-100: #f9f9f9;
  --brand-grey-200: #ebebeb;
  --brand-grey-300: #c7c7c7;
  --brand-grey-400: #8e8e8e;
  --brand-grey-500: #5a5752;
  --brand-grey-600: #363532;
  --brand-grey-700: #2f2e2b;
  --brand-grey-800: #272524;
  --brand-grey-900: #23211d;
  --brand-grey-100-contrast: #fff;
  --brand-grey-200-contrast: #fff;
  --brand-grey-300-contrast: #fff;
  --brand-grey-400-contrast: #fff;
  --brand-grey-500-contrast: #fff;
  --brand-grey-600-contrast: #000;
  --brand-grey-700-contrast: #000;
  --brand-grey-800-contrast: #000;
  --brand-grey-900-contrast: #000;
  --color-0: #fff;
  --color-1: #f9f9f9;
  --color-2: #ebebeb;
  --color-3: #c7c7c7;
  --color-4: #8e8e8e;
  --color-5: #5a5752;
  --color-6: #363532;
  --color-7: #2f2e2b;
  --color-8: #272524;
  --color-9: #23211d;
  --color-10: #000;
  --surface-0: #fff;
  --surface-1: #f9f9f9;
  --surface-2: #ebebeb;
  --surface-3: #c7c7c7;
  --surface-4: #8e8e8e;
  --surface-5: #5a5752;
  --surface-6: #363532;
  --surface-7: #2f2e2b;
  --surface-8: #272524;
  --surface-9: #23211d;
  --surface-10: #23211d;
  --color: #ebebeb;
  --h1-color: var(--brand-secondary-400);
  --h2-color: #2c90a8;
  --h3-color: #ccc7c0;
  --h4-color: var(--brand-accent-400);
  --h5-color: #363532;
  --h6-color: #363532;
  --_theme: dark;
  --shadow-shade: rgba(39, 37, 36, .4);
  --shadow-dark: 0 0 var(--shadow-spread, 5px) var(--shadow-spread, 5px) var(--shadow-shade);
  --drop-shadow-dark: 0 0 1ex rgba(199, 199, 199, 0.6);
  --shadow-md: 0 .5ex 1ex var(--shadow-shade);
  --shadow-lg: 0 1ex 3ex var(--shadow-shade);
  --shadow-xl: 0 1rem 3.5rem var(--shadow-shade);
  --shadow-line: 0 0 0 var(--outline-width) var(--surface-9), 0 0 0 var(--outline-focus-offset) #2c90a8;
  --marker-hue: 52;
  --mark-color: currentColor;
  --marker-background: linear-gradient(90deg,
  		hsl(var(--marker-hue) 100% 50% / 0) 0,
  		hsl(var(--marker-hue) 100% 50% / 0.75) 5%,
  		hsl(var(--marker-hue) 100% 50% / 0.25) 92%,
  		hsl(var(--marker-hue) 100% 50% / 0) 98%
  );
  --progress-background-color: var(--surface-1);
  --progress-color: #eb6a0a;
  --tooltip-background-color: #272524;
  --tooltip-color: #8e8e8e;
  --cc-bg: var(--surface-8);
  --icon-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23c7c7c7' fill='none' stroke-width='2' stroke-linecap='round'><polyline points='1 9 12 20 23 9' /></svg>");
}

:root body {
  color: var(--color-2);
}

:not([type], .btn)::selection {
  color: inherit;
  background-color: var(--marker-background);
  text-shadow: none !important;
}

.m_card {
  --card-background: var(--panel-background-color);
  --card-border: 1px solid #272524;
  --card-footer: var(--surface-2);
  --card-shadow: var(--shadow-dark);
}

table {
  --thead-background: #5a5752;
  --thead-text: inherit;
  --tr-background: var(--surface-8);
  --table-hover-color: var(--surface-6);
}
table tbody tr:nth-child(odd) {
  --tr-background: var(--surface-7);
}
table:is(.schema-1, .-primary) {
  --schema-base: #eb6a0a;
  --thead-background: #5e1b01;
  --tr-background: #832c03;
  --table-hover-color: #a33f05;
}
table:is(.schema-2, .-secondary) {
  --schema-base: #62b332;
  --thead-background: #1c270a;
  --tr-background: #2c4212;
  --table-hover-color: #3c601a;
}
table:is(.schema-3, .-accent) {
  --schema-base: #2c90a8;
  --thead-background: #0e3637;
  --tr-background: #154b50;
  --table-hover-color: #1c616c;
}

/* "Wohnen im Alter" Logo Schriftzug für {{wia}} Makro `<b wia>Wohnen <b>im Alter</b></b>` */
b[wia] {
  display: inline-block;
  border-radius: 4px;
  font-weight: var(--font-weight-strong);
  color: #eb6a0a;
  background-color: #f9f9f9;
}

b[wia] > b {
  color: #62b332;
}

@media (prefers-color-scheme: dark) {
  .site-logo.-light,
  .mpj-logo.-light {
    display: none;
  }
}
:any-link {
  color: var(--brand-primary-400);
}

:any-link:is(:focus, :hover) {
  color: var(--brand-primary-500);
}

:any-link:is([aria-controls], [class|=icon]) {
  color: var(--btn-text, var(--brand-text, inherit));
}

:any-link:focus-visible:not([class]) {
  color: var(--brand-primary-500);
}

.close,
[type=button].close {
  background-color: var(--surface-7);
  --border-color: var(--color-4);
  --icon-close: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23f9f9f9' fill='none' stroke-width='4' stroke-linecap='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>");
}

.c_carousel .stage::after {
  background-color: hsla(0, 0%, 15%, 0.8);
  color: hsl(0, 0%, 75%);
  box-shadow: none;
  outline: none;
}

.media-box {
  --title-bg: hsl(var(--title-hue, 37) 20% 15% / .8);
  --color-title: hsl(var(--title-hue, 37) 35% 75%);
}

.back-to-top {
  background-color: #237789;
}
.back-to-top:hover {
  background-color: #2c90a8;
}

.favorite-contact b,
.favorite-switch:checked + b {
  color: var(--color-3);
  filter: none;
}

[type=checkbox][role=switch].favorite-switch:checked {
  background-color: var(--brand-primary-900);
}
[type=checkbox][role=switch].favorite-switch:not(:checked)::before {
  background-color: var(--surface-3);
}

.selection-group :is(label, .selection-tab) > :is(a, span) {
  border-color: var(--color-5);
}

.text-accent[class] {
  color: var(--brand-accent-500);
}

.text-secondary[class] {
  color: var(--brand-secondary-500);
}

nav.menu-crumbs {
  color: var(--color-3);
}

:root:root {
  --icon-fill: var(--surface-9);
}

symbol[id*=info-slab] .icon-bg,
svg.icon-gps {
  color: var(--color-3);
  fill: currentColor;
}

.btn:hover svg.icon-gps {
  color: var(--color-8);
}

:root .-primary {
  --brand-base: var(--brand-primary-400);
  --brand-shade: var(--brand-primary-200);
  --brand-light: var(--brand-primary-700);
  --brand-panel: var(--brand-primary-800);
  --brand-text: var(--brand-primary-200);
  --brand-line: var(--brand-primary-500);
  --brand-hover: var(--brand-primary-600);
}

:root .-secondary {
  --brand-base: var(--brand-secondary-400);
  --brand-shade: var(--brand-secondary-200);
  --brand-light: var(--brand-secondary-700);
  --brand-panel: var(--brand-secondary-800);
  --brand-text: var(--brand-secondary-200);
  --brand-line: var(--brand-secondary-500);
  --brand-hover: var(--brand-secondary-600);
}

:root .-accent {
  --brand-base: var(--brand-accent-400);
  --brand-shade: var(--brand-accent-200);
  --brand-light: var(--brand-accent-700);
  --brand-panel: var(--brand-accent-800);
  --brand-text: var(--brand-accent-200);
  --brand-line: var(--brand-accent-500);
  --brand-hover: var(--brand-accent-600);
}

:root .-compl {
  --brand-base: var(--brand-compl-400);
  --brand-shade: var(--brand-compl-200);
  --brand-light: var(--brand-compl-700);
  --brand-panel: var(--brand-compl-800);
  --brand-text: var(--brand-compl-200);
  --brand-line: var(--brand-compl-500);
  --brand-hover: var(--brand-compl-600);
}

:root .-grey {
  --brand-base: var(--brand-grey-400);
  --brand-shade: var(--brand-grey-200);
  --brand-light: var(--brand-grey-700);
  --brand-panel: var(--brand-grey-800);
  --brand-text: var(--brand-grey-200);
  --brand-line: var(--brand-grey-500);
  --brand-hover: var(--brand-grey-600);
}

form {
  --form-element-border-color: var(--color-5);
  --switch-color: var(--surface-7);
}

.menu-crumbs {
  color: var(--color-2);
}

/* Default: Dark theme */
/* vars.ci */
/* mixins.color    */
/* Default: Dark theme */
/* mixins.space */
/* utilities.hacks */
/* Dark Theme: Kirby-CMS spezifische Komponenten */
.c_partner,
section.c_advisor {
  background-color: var(--surface-7);
}

section.c_advisor .page-sidebar {
  --_bg: var(--surface-7);
}

.media-box,
.hero-image {
  --title-bg: hsl(var(--title-hue, 192) 15% 5% / 75%);
}

:root .cta-body {
  background-color: hsl(var(--title-hue, 192), 15%, 15%, var(--_body-alpha, 0.75));
  outline-color: rgba(50, 50, 50, 0.47);
}

.hero-image, img {
  filter: brightness(0.9);
}

#page-title,
#page-subtitle {
  color: #85b6cd;
}

.wia-box.-accent {
  --brand-shade: var(--brand-accent-100);
  --brand-base: var(--brand-accent-300);
}

: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='%23acdee9' fill='none' stroke-width='4' stroke-linecap='round'><polyline points='20 6 9 17 4 12' /></svg>");
}

.selection-group img {
  filter: brightness(1.5);
}

.steps-wrapper .step {
  --border-color: var(--color-4);
}

:root .steps-wrapper {
  outline-color: var(--brand-accent-800);
}

#besonderheiten .card-head img,
#beratung-mein-pflegejob .card-head img,
#beratung-wohnen-im-alter .card-head img {
  filter: invert(0.85) hue-rotate(180deg);
}

.c_packages input[type=checkbox]:not(:checked) {
  --switch-color: var(--surface-5);
}

.col-wrapper .premium-plus {
  background-color: var(--brand-accent-800);
}

.col-wrapper .premium-plus, .col-wrapper .premium-plus h2, .col-wrapper .premium-plus .h3, .col-wrapper .premium-plus .price-1, .col-wrapper .premium-plus .price-2 {
  color: var(--color-1);
}

.col-wrapper .premium-plus .check {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23f9f9f9' fill='none' stroke-width='4' stroke-linecap='round'><polyline points='20 6 9 17 4 12' /></svg>");
}