/**********************************************************************
*** BERGHOLZ – NEUE SEKTIONEN ("Neu …")
***
*** Design nach den Vorlagen in _static/ (Farbwelt inkl. Dark Mode),
*** Rot #ff2d21 als Akzent- und Buttonfarbe, Schrift Lato.
***
*** Getrennt von style.css: alle Regeln gelten nur innerhalb von .bh,
*** alle Klassen haben das Präfix "bh-". Basis: Bootstrap 5 (Grid).
*** Templates: template-parts/neu/, Logik: inc/bergholz-neu.php
**********************************************************************/

/*#page-section-contact,
.bh-section {display: none!important;}*/

main > section.content-section {display: none!important;}





/**********************************************************************
*** FARBEN / VARIABLEN
**********************************************************************/
  .bh {
    color-scheme: light;
    --bh-ink: #1c2828;
    --bh-muted: #52605f;
    --bh-paper: #faf9f6;
    --bh-surface: #ffffff;
    --bh-soft: #eef1ef;
    --bh-grey: #e4e9e6;
    --bh-line: #d9dfdb;
    /*--bh-brand: #264947;*/
    --bh-brand: #2c3539;
    --bh-on-brand: #ffffff;
    --bh-on-brand-muted: #dce8e3;
    --bh-accent: #ff2d21;
    --bh-accent-hover: #d91e13;
    --bh-accent-text: #ff2d21;
    --bh-on-accent: #ffffff;
  }

  /* SYSTEMEINSTELLUNG (nur, wenn im Footer nicht "Heller Modus" gewählt wurde) */
  @media (prefers-color-scheme: dark) {
    html:not([data-bh-theme="light"]) .bh {
      color-scheme: dark;
      --bh-ink: #f1f3ef;
      --bh-muted: #b9c5c0;
      --bh-paper: #131A24;
      /*--bh-surface: #1b2b29;*/
      --bh-surface: #2C3539;
      /*--bh-soft: #243733;*/
      --bh-soft: #2c3539;
      --bh-grey: #2b3f3b;
      --bh-line: #3b514b;
      /*--bh-brand: #294d46;*/
      --bh-brand: #1b2b29;
      --bh-on-brand: #f1f3ef;
      --bh-on-brand-muted: #dce8e3;
      --bh-accent-text: #ff5a4f;
    }
  }

  /* DUNKLER MODUS: Schalter im Footer (data-bh-theme) oder Sektionskopf "Dunkel?" (.bh-dark, gilt immer) */
  html[data-bh-theme="dark"] .bh,
  .bh.bh-dark {
    color-scheme: dark;
    --bh-ink: #f1f3ef;
    --bh-muted: #b9c5c0;
    --bh-paper: #131A24;
    /*--bh-surface: #1b2b29;*/
    --bh-surface: #2C3539;
    /*--bh-soft: #243733;*/
    --bh-soft: #2c3539;
    --bh-grey: #2b3f3b;
    --bh-line: #3b514b;
    /*--bh-brand: #294d46;
      --bh-brand: #1b2b29;*/
      --bh-brand: #2C3539;
    --bh-on-brand: #f1f3ef;
    --bh-on-brand-muted: #dce8e3;
    --bh-accent-text: #ff5a4f;
  }



/**********************************************************************
*** BASIS (setzt globale Regeln aus style.css innerhalb von .bh zurück)
**********************************************************************/
  html {
    background-color: var(--bh-bg);
  }

  body.bh {
    padding: 0;
  }

  .bh {
    --bh-bg: var(--bh-paper);
    background-color: var(--bh-bg);
    color: var(--bh-ink);
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    line-height: 1.55;
    padding-block: clamp(4.5rem, 7vw, 7rem);
  }

  .bh h1, .bh h2, .bh h3, .bh h4, .bh h5, .bh h6 {
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
  }

  .bh p {margin: 0 0 1rem;}
  .bh p:last-child {margin-bottom: 0;}

  .bh a {color: inherit; text-underline-offset: .23em;}
  .bh a:hover {color: var(--bh-accent-text);}
  .bh a:focus-visible {outline: 3px solid var(--bh-accent); outline-offset: 4px;}

  .bh ul {margin: 0 0 1rem; padding-left: 1.2rem; list-style: disc;}
  .bh li {margin-block: .3rem;}

  .bh strong {font-weight: 700;}


  /* CONTAINER */
    .bh .bh-container {/*max-width: calc(1160px + 3rem);*/ padding-inline: 1.5rem;}


  /* GRID (style.css setzt Gutter/margin-top für alle .row fest -> hier wieder Bootstrap-Verhalten) */
    .bh .row {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-top: calc(-1 * var(--bs-gutter-y));}
    .bh .row > * {margin-top: var(--bs-gutter-y);}
    .bh .row.g-2 {--bs-gutter-x: .75rem; --bs-gutter-y: .75rem;}
    .bh .row.g-3 {--bs-gutter-x: 1rem; --bs-gutter-y: 1rem;}
    .bh .row.g-4 {--bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem;}



/**********************************************************************
*** ACF-OPTIONEN IM SEKTIONSKOPF (Abstand, Hintergrund, Sichtbarkeit)
**********************************************************************/
  /* ABSTAND */
    .bh.py-0 {padding-block: 0!important;}
    .bh.py-s {padding-block: clamp(1.5rem, 3vw, 2.5rem)!important;}
    .bh.py-m {padding-block: clamp(3rem, 5vw, 4.5rem)!important;}
    .bh.py-l {padding-block: clamp(4.5rem, 7vw, 7rem)!important;}


  /* HINTERGRUND (bg-transparent = Standard der jeweiligen Sektion, --bh-bg; Bootstrap setzt .bg-transparent mit !important) */
    .bh.bg-transparent {background-color: var(--bh-bg)!important;}
    .bh.bg-white {background-color: var(--bh-surface)!important;}
    .bh.bg-lightgrey {background-color: var(--bh-soft)!important;}
    .bh.bg-grey {background-color: var(--bh-grey)!important;}
    #page-navigation-meta.bh.bg-black {background-color: var(--bh-surface)!important; color: var(--bh-ink);}
    .bh.bg-black {background-color: var(--bh-brand)!important; color: var(--bh-on-brand);}


  /* SICHTBARKEIT */
    @media (max-width: 575.98px) {.bh.hidden-xs {display: none!important;}}
    @media (min-width: 576px) and (max-width: 767.98px) {.bh.hidden-sm {display: none!important;}}
    @media (min-width: 768px) and (max-width: 991.98px) {.bh.hidden-md {display: none!important;}}
    @media (min-width: 992px) and (max-width: 1199.98px) {.bh.hidden-lg {display: none!important;}}
    @media (min-width: 1200px) {.bh.hidden-xl {display: none!important;}}



/**********************************************************************
*** ELEMENTE
**********************************************************************/
  /* DACHZEILE */
    .bh .bh-eyebrow {
      color: var(--bh-accent-text);
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .13em;
      text-transform: uppercase;
    }


  /* ÜBERSCHRIFTEN */
    .bh .bh-hero-title {
      max-width: 12ch;
      margin-block: 1.4rem 1.55rem;
      font-size: clamp(3.2rem, 6.5vw, 6.4rem);
      line-height: 1.03;
      letter-spacing: -.045em;
    }

    .bh .bh-title {
      margin-block: .8rem 1.1rem;
      font-size: clamp(2.2rem, 4vw, 3.8rem);
      line-height: 1.12;
      letter-spacing: -.035em;
    }

    .bh .bh-block-title {
      margin-block: 2.3rem .6rem;
      font-size: 1.3rem;
      line-height: 1.3;
      letter-spacing: -.01em;
    }

    .bh .bh-item-title {
      margin-block: 1.5rem .4rem;
      font-size: 1.1rem;
      line-height: 1.3;
    }


  /* TEXT */
    .bh .bh-lead {
      max-width: 58ch;
      color: var(--bh-muted);
      font-size: clamp(1.06rem, 1.7vw, 1.27rem);
    }

    .bh .bh-text {
      color: var(--bh-muted);
    }

    .bh .bh-text a,
    .bh .bh-lead a {color: var(--bh-accent-text); text-decoration: underline;}

    .bh .bh-text table {margin-block: 1rem;}
    .bh .bh-text table.table-responsive {display: block; overflow-x: auto;} /* Klasse steht im Editor direkt an der Tabelle */

    .bh .table {
      --bs-table-color: var(--bh-ink);
      --bs-table-bg: transparent;
      --bs-table-border-color: var(--bh-line);
      --bs-table-striped-color: var(--bh-ink);
      --bs-table-striped-bg: var(--bh-soft);
      --bs-table-hover-color: var(--bh-ink);
      --bs-table-hover-bg: var(--bh-soft);
    }


  /* LINKS */
    .bh .bh-link {
      display: inline-block;
      margin-top: 2rem;
      color: var(--bh-accent-text);
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: .25em;
    }

    .bh .bh-link:hover {color: var(--bh-ink);}

    .bh .bh-cta {margin-top: 2.5rem; font-weight: 700;}
    .bh .bh-cta a {color: var(--bh-accent-text); font-weight: 700; text-decoration: underline;}
    .bh .bh-cta a:hover {color: var(--bh-ink);}


  /* BUTTONS */
    .bh .bh-actions {
      display: flex;
      flex-wrap: wrap;
      gap: .85rem;
      align-items: center;
      margin-top: 2.2rem;
    }

    .bh .bh-button {
      display: inline-flex;
      align-items: center;
      min-height: 3.2rem;
      padding-inline: 1.3rem;
      border: 1px solid var(--bh-accent);
      border-radius: 3px;
      font-weight: 700;
      text-decoration: none;
      transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    }

    .bh .bh-button-primary {background-color: var(--bh-accent); color: var(--bh-on-accent);}
    .bh .bh-button-primary:hover {background-color: var(--bh-accent-hover); border-color: var(--bh-accent-hover); color: var(--bh-on-accent);}

    .bh .bh-button-secondary {background-color: transparent; color: var(--bh-accent-text); text-decoration: none!important;}
    .bh .bh-button-secondary:hover {background-color: var(--bh-accent); color: var(--bh-on-accent);}


  /* KARTEN */
    .bh .bh-card {
      display: block;
      height: 100%;
      border: 1px solid var(--bh-line);
      color: inherit;
      text-decoration: none;
      transition: border-color .2s ease;
    }

    .bh .bh-card-link:hover {border-color: var(--bh-accent); color: inherit;}

    .bh .bh-card-small {padding: 1.25rem; background-color: var(--bh-soft);}
    .bh .bh-card-small strong {display: block;}
    .bh .bh-card-small p {margin: .25rem 0 0; color: var(--bh-muted);}

    .bh .bh-card-grid {margin-top: 0;}



/**********************************************************************
*** SEKTION: NEU HERO
**********************************************************************/
  .bh.bh-hero {padding-block: clamp(5rem, 9vw, 8.5rem);}

  .bh .bh-hero-grid {--bs-gutter-y: 2.5rem;}

  .bh .bh-hero-aside {
    padding: clamp(2rem, 3vw, 3rem);
    border: 1px solid var(--bh-line);
    background-color: var(--bh-surface);
  }

  .bh .bh-hero-aside-text {
    margin-top: .35rem;
    font-size: 1.45rem;
    line-height: 1.3;
    letter-spacing: -.02em;
  }

  .bh .bh-hero-aside-note {color: var(--bh-muted); font-size: .85rem;}



/**********************************************************************
*** SEKTION: NEU KACHELN
**********************************************************************/
  .bh.bh-tiles {--bh-bg: var(--bh-surface); background-color: var(--bh-bg);}

  .bh .bh-section-head {max-width: 760px; margin-bottom: 2.4rem;}
  .bh .bh-section-head .bh-lead {font-size: 1rem;}

  .bh .bh-tile {
    min-height: 240px;
    padding: 1.65rem;
    background-color: var(--bh-paper);
  }

  .bh .bh-tile-number {
    display: block;
    margin-bottom: 2.5rem;
    color: var(--bh-muted);
    font-size: .77rem;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .bh .bh-card-title {
    margin-bottom: .6rem;
    font-size: 1.28rem;
    line-height: 1.25;
    letter-spacing: -.01em;
  }

  .bh .bh-card-text {color: var(--bh-muted); font-size: .94rem;}



/**********************************************************************
*** SEKTION: NEU TEXT - INFO
**********************************************************************/
  .bh .bh-split {--bs-gutter-x: clamp(2rem, 6vw, 7rem); --bs-gutter-y: 2rem;}

  .bh .bh-statement {
    display: grid;
    place-items: center;
    min-height: 380px;
    padding: 3rem;
    background-color: var(--bh-soft);
  }

  .bh .bh-statement strong {
    max-width: 18ch;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.18;
    letter-spacing: -.035em;
  }

  .bh.bh-info .bh-text {
    max-width: 52ch;
    color: var(--bh-muted);
    font-size: 1.08rem;
  }



/**********************************************************************
*** SEKTIONEN: NEU LEISTUNGEN / TEXT / TEAM / JOBS / KONTAKT + JOB-DETAIL
**********************************************************************/
  /* TEAM */
    .bh .bh-contact-list {margin: .75rem 0 0; padding: 0; list-style: none; font-size: .9rem;}
    .bh .bh-contact-list li {margin: .15rem 0;}
    .bh .bh-contact-list span {display: inline-block; min-width: 1.1em; color: var(--bh-muted); font-weight: 700;}

    .bh .bh-team-links {margin-top: .75rem; font-size: .85rem;}
    .bh .bh-team-links a {margin-right: 1rem; color: var(--bh-accent-text); font-weight: 700;}


  /* JOB-DETAIL */
    .bh .bh-job-section {margin-top: 2rem;}



/**********************************************************************
*** PAGE SECTION: KONTAKT (Optionen "Webseite" > Kontakt)
**********************************************************************/
  .bh.bh-contact {--bh-bg: var(--bh-surface)/*var(--bh-brand)*/; background-color: var(--bh-bg); /*color: var(--bh-on-brand);*/}
  /*.bh.bh-contact .bh-eyebrow,
  .bh.bh-contact .bh-contact-text {color: var(--bh-on-brand-muted);}*/
  .bh.bh-contact .bh-title {max-width: 15ch;}
  .bh.bh-contact .bh-contact-text {max-width: 60ch;}
  .bh.bh-contact .bh-contact-mail {color: var(--bh-on-brand); text-decoration: underline; text-underline-offset: .25em;}
  .bh.bh-contact .bh-contact-mail:hover {color: var(--bh-on-brand-muted);}



/**********************************************************************
*** HAUPTMENÜ (template-parts/page/navigation/page-navigation.php)
*** style.css gestaltet .navbar-bergholz (Höhe, Schatten, Großbuchstaben,
*** schwarzes Dropdown) – hier bewusst spezifischer überschrieben.
**********************************************************************/

  #page-navigation-meta.bh {
    padding: 0;
  }

  #page-navigation-meta a {
    color: var(--bh-ink);
  }

  .bh.bh-nav {
    --bh-bg: var(--bh-surface);
    height: auto;
    min-height: 92px;
    padding-block: 0;
    border-bottom: 1px solid var(--bh-line);
    box-shadow: none;
  }

  .bh.bh-nav ul {margin: 0; padding-left: 0; list-style: none;}
  .bh.bh-nav li {margin: 0;}

  /* LOGO */
    .bh.bh-nav .navbar-brand {margin-right: 2rem; padding-block: .75rem;}
    .bh.bh-nav #nav-logo {width: auto; height: 60px; max-width: none; margin: 0;}

    /* Logo wie im Footer: Icon + Text (Größe wie das frühere logo.svg) */
    .bh.bh-nav .bh-logo {
      display: inline-flex;
      gap: .35rem;
      align-items: center;
      /*color: #000;*/
      text-decoration: none;
    }

    .bh.bh-nav .bh-logo:hover {color: inherit;}

    .bh.bh-nav .bh-logo-text {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      line-height: 1;
      white-space: nowrap;
    }

    .bh.bh-nav .bh-logo-name {font-weight: 900; letter-spacing: .24em;}
    .bh.bh-nav .bh-logo-addition {font-size: .9em; font-weight: 400; letter-spacing: .01em;}


  /* MENÜPUNKTE */
    .bh.bh-nav .navbar-nav {gap: 2rem; align-items: center; color: var(--bh-ink);}

    .bh.bh-nav.navbar .navbar-nav > li {
      padding: 0;
      border: 0;
      text-align: left;
    }

    .bh.bh-nav.navbar .navbar-nav li > a,
    .bh.bh-nav.navbar .navbar-nav li:hover > a,
    .bh.bh-nav.navbar .navbar-nav li.current_page_item > a,
    .bh.bh-nav.navbar .navbar-nav li.current-page-ancestor > a,
    .bh.bh-nav.navbar .navbar-nav li.current_page_parent > a,
    .bh.bh-nav.navbar .navbar-nav li > a.active {
      padding: 0;
      border: 0;
      background-color: transparent!important;
      color: var(--bh-ink);
      font-size: .91rem;
      font-weight: 400;
      line-height: 1.4;
      letter-spacing: 0;
      text-decoration: none;
      text-transform: none;
      transition: color .2s ease;
    }

    .bh.bh-nav.navbar .navbar-nav > li > a.active,
    .bh.bh-nav.navbar .navbar-nav li:hover > a,
    .bh.bh-nav.navbar .navbar-nav li > a:focus-visible {color: var(--bh-accent-text)!important;}


  /* LETZTER PUNKT (Kontakt) ALS BUTTON */
    .bh.bh-nav.navbar .navbar-nav > li:last-child > a {
      padding: .72rem 1.1rem;
      border: 1px solid var(--bh-accent);
      border-radius: 3px;
      color: var(--bh-accent-text);
      font-weight: 700;
      transition: background-color .2s ease, color .2s ease;
    }

    .bh.bh-nav.navbar .navbar-nav > li:last-child:hover > a,
    .bh.bh-nav.navbar .navbar-nav > li:last-child > a:focus-visible {
      background-color: var(--bh-accent)!important;
      color: var(--bh-on-accent)!important;
    }


  /* UNTERMENÜ (öffnet per Hover; transparenter Rand = Brücke zum Menüpunkt) */
    .bh.bh-nav .dropdown-menu {
      min-width: 15rem;
      margin: 0;
      padding: .5rem 0;
      border: 0;
      border-top: 37px solid transparent; /* Abstand Menüpunkt -> Unterkante Leiste */
      border-radius: 0;
      background-color: var(--bh-surface);
      background-clip: padding-box;
      box-shadow: inset 0 0 0 1px var(--bh-line);
      text-align: left;
    }

    .bh.bh-nav.navbar .navbar-nav .dropdown-menu li {padding: 0;}

    .bh.bh-nav.navbar .navbar-nav .dropdown-menu li a,
    .bh.bh-nav.navbar .navbar-nav .dropdown-menu li:hover > a,
    .bh.bh-nav.navbar .navbar-nav .dropdown-menu li.current_page_item > a {
      display: block;
      padding: .5rem 1.1rem;
      border: 0;
      color: var(--bh-ink)!important;
      font-size: .88rem;
      text-transform: none!important;
    }

    .bh.bh-nav.navbar .navbar-nav .dropdown-menu li:hover > a,
    .bh.bh-nav.navbar .navbar-nav .dropdown-menu li.current_page_item > a {
      background-color: var(--bh-soft)!important;
      color: var(--bh-accent-text)!important;
    }


  /* MOBIL: Offcanvas-Menü */
    .bh.bh-nav .offcanvas {
      --bs-offcanvas-bg: var(--bh-surface);
      --bs-offcanvas-color: var(--bh-ink);
      /*padding: 1.5rem;*/
    }

    @media (max-width: 767.98px) {
      .bh.bh-nav {min-height: 76px;}
      .bh.bh-nav #nav-logo {height: 44px;}
      .bh.bh-nav .bh-logo-text {font-size: 11.7px;}
      .bh.bh-nav .navbar-nav {gap: 1.25rem; align-items: flex-start;}
      .bh.bh-nav.navbar .navbar-nav > li > a {font-size: 1.05rem;}
      .bh.bh-nav .dropdown-menu {display: block; min-width: 0; padding: .25rem 0 0; border-top: 0; box-shadow: none; background-color: transparent;}
      .bh.bh-nav.navbar .navbar-nav .dropdown-menu li a {padding: .5rem 1.1rem;}
    }


  /* DUNKLER MODUS: Logo (schwarz/rot) aufhellen, Rot bleibt erhalten */
    html[data-bh-theme="dark"] .bh.bh-nav .bh-logo {/*filter: invert(1) hue-rotate(200deg);*/}

    @media (prefers-color-scheme: dark) {
      html:not([data-bh-theme="light"]) .bh.bh-nav .bh-logo {/*filter: invert(1) hue-rotate(200deg);*/}
    }



/**********************************************************************
*** SIDEBAR (Seiten und Jobs mit Seitenoption "Seitenleiste anzeigen")
**********************************************************************/
  .bh.bh-sidebar {padding-block: clamp(2rem, 4vw, 3rem);}

  .bh.bh-sidebar .widget {
    margin: 0 0 .75rem!important;
    padding: 1.25rem;
    border: 1px solid var(--bh-line);
    background-color: var(--bh-surface);
    font-size: .94rem;
  }

  .bh.bh-sidebar .widget-title {
    margin: 0 0 .5rem;
    color: var(--bh-ink);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .bh.bh-sidebar .widget p,
  .bh.bh-sidebar .widget li,
  .bh.bh-sidebar .textwidget {color: var(--bh-muted);}

  .bh.bh-sidebar .widget p {margin-bottom: .6rem;}
  .bh.bh-sidebar .widget p:last-child {margin-bottom: 0;}
  .bh.bh-sidebar .widget strong {color: var(--bh-ink);}
  .bh.bh-sidebar .widget img {max-width: 100%; height: auto;}

  /* Links: style.css setzt .widget_text a rot/Großbuchstaben (Hover mit !important) */
  .bh.bh-sidebar .widget a {
    color: var(--bh-accent-text);
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: underline;
    text-transform: none;
    text-underline-offset: .23em;
  }

  .bh.bh-sidebar .widget a:hover {color: var(--bh-ink)!important;}



/**********************************************************************
*** SCHALTER HELLER / DUNKLER MODUS (im Footer, template-parts/neu/theme-toggle.php)
**********************************************************************/
  .bh-theme-switch {margin-top: .75rem;}

  .bh-theme-toggle {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    padding: .35rem .8rem;
    border: 1px solid var(--bh-ink);
    border-radius: 3px;
    background: transparent;
    /*color: #f1f3ef;*/
    font: inherit;
    font-size: .85rem;
    line-height: 1.2;
    cursor: pointer;
    transition: color .2s ease;
    --bh-bg: var(--bh-paper);
    color: var(--bh-ink);
  }

  .bh-theme-toggle[hidden] {display: none;}

  /* Variante nur mit Icon (Metaleiste über dem Hauptmenü) */
  .bh-theme-toggle.bh-theme-toggle-icon-only {
    padding: 0 .2rem;
    border: 0;
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle;
  }
  .bh-theme-toggle:hover {color: #ff2d21;}
  .bh-theme-toggle:focus-visible {outline: 3px solid #ff2d21; outline-offset: 3px;}




/**********************************************************************
*** PAGE FOOTER
**********************************************************************/
  #page-footer {
    /*background-color: var(--bh-surface);
    background-color: #131A24;*/
  }

  #page-footer-blocks.bh {
    padding: 0;
  }

  /*#page-footer-meta {
    color: #f1f3ef;
  }*/


/**********************************************************************
*** MOBIL
**********************************************************************/
  @media (min-width: 576px) and (max-width: 767.98px) {
    .bh.bh-nav .offcanvas {padding: 1.5rem;}
  }

  @media (max-width: 575.98px) {
    .bh.bh-nav .offcanvas {padding: 1.5rem;}
    .bh .bh-container {padding-inline: 1rem;}

    .bh.bh-hero {padding-block: 4.5rem;}
    .bh .bh-tile {min-height: auto;}
    .bh .bh-tile-number {margin-bottom: 1.5rem;}
    .bh .bh-statement {min-height: 260px;}
  }



/**********************************************************************
*** DRUCK
**********************************************************************/
  @media print {
    .bh,
    .bh.bh-dark,
    html[data-bh-theme="dark"] .bh,
    html:not([data-bh-theme="light"]) .bh {
      color-scheme: light;
      --bh-ink: #151515;
      --bh-muted: #444;
      --bh-paper: #fff;
      --bh-surface: #fff;
      --bh-soft: #f5f5f5;
      --bh-line: #ccc;
      --bh-brand: #222;
      --bh-on-brand: #fff;
      --bh-accent-text: #151515;
      padding-block: 2rem;
    }

    .bh .bh-card,
    .bh .bh-hero-aside {break-inside: avoid;}
  }