/*
 * HelloHemp theme — grow-room control rack editorial (hello-hemp.de).
 * Namespace: hh-  ·  Fonts: Saira Semi Condensed + IBM Plex Sans + IBM Plex Mono.
 */
:root {
  --color-primary: #20204f;
  --color-on-primary: #f7f7f2;
  --color-secondary: #007d86;
  --color-accent: #ff5a36;
  --color-background: #dde7eb;
  --color-surface: #f8faf7;
  --color-surface-quiet: #c9d5db;
  --color-foreground: #141526;
  --color-muted: #53636b;
  --color-border: #9eadb4;
  --color-destructive: #b42318;
  --color-ring: #6a32c9;
  --font-heading: "Saira Semi Condensed", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;
  --font-utility: "IBM Plex Mono", Consolas, monospace;
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --rack: 14.5rem;
  --max: 85rem;
  --prose-max: 45rem;
}

    
    .hh-mobile-bar__mark img{display:block;width:8.25rem;height:auto}.hh-rack__brand img{display:block;width:100%;height:auto}
    :root{--primary:#20204f;--on:#f7f7f2;--cyan:#007d86;--orange:#ff5a36;--bg:#dde7eb;--surface:#f8faf7;--quiet:#c9d5db;--ink:#141526;--muted:#53636b;--line:#9eadb4;--ring:#6a32c9;--display:"Saira Semi Condensed","Arial Narrow",sans-serif;--body:"IBM Plex Sans",Arial,sans-serif;--mono:"IBM Plex Mono",Consolas,monospace;--gutter:clamp(1rem,3vw,2.5rem);--rack:14.5rem;--max:85rem}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-foreground);font:400 1rem/1.65 var(--font-body)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.hh-skip{position:fixed;z-index:99;top:.5rem;left:.5rem;transform:translateY(-160%);background:var(--color-on-primary);color:var(--color-primary);padding:.6rem 1rem;font-weight:700}.hh-skip:focus{transform:none}.hh-mobile-bar{position:sticky;z-index:30;top:0;min-height:4.25rem;display:flex;align-items:center;gap:1rem;padding:0 1rem;background:var(--color-primary);color:var(--color-on-primary);border-bottom:4px solid var(--color-secondary)}.hh-mobile-bar__mark{margin-right:auto;text-decoration:none;font:800 1.5rem/1 var(--font-heading)}.hh-lamp{width:.65rem;height:.65rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px rgb(255 90 54 / .18)}.hh-menu-key{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid rgb(247 247 242 / .55);background:transparent;color:inherit}.hh-menu-key svg{width:1.25rem}.hh-rack{display:none}.hh-work{width:min(calc(100% - 2*var(--gutter)),var(--max));margin-inline:auto}.hh-status{min-height:2.65rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-border);font:600 .69rem/1.2 var(--font-utility);letter-spacing:.07em;text-transform:uppercase}.hh-status span:last-child{display:flex;align-items:center;gap:.6rem}.hh-console{display:grid;gap:1rem;padding-block:1rem}.hh-thesis,.hh-switch-bank,.hh-module{position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.hh-thesis{min-height:25rem;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,5vw,4rem);background:var(--color-primary);color:var(--color-on-primary);border-bottom:8px solid var(--color-secondary)}.hh-kicker{margin:0;font:600 .72rem/1.2 var(--font-utility);letter-spacing:.11em;text-transform:uppercase}.hh-thesis h1{max-width:48rem;margin:3rem 0 1rem;font:800 clamp(3rem,7vw,6.3rem)/.88 var(--font-heading);letter-spacing:-.02em;text-wrap:balance}.hh-thesis__lead{max-width:42rem;margin:0;color:#d9e2e4;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5}.hh-thesis__foot{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:2.5rem;font:500 .69rem/1.3 var(--font-utility);text-transform:uppercase}.hh-switch-bank{background:var(--color-surface);border:1px solid var(--color-border)}.hh-bank-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border);font:600 .7rem/1.2 var(--font-utility);text-transform:uppercase}.hh-channel{min-height:4.7rem;display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);text-decoration:none}.hh-channel:last-child{border-bottom:0}.hh-channel:hover{background:var(--color-surface-quiet)}.hh-channel b{color:var(--color-secondary);font:600 .75rem/1 var(--font-utility)}.hh-channel strong{font:700 1.2rem/1.05 var(--font-heading)}.hh-channel i{width:.5rem;height:.5rem;border:1px solid var(--color-border);border-radius:50%}.hh-channel:first-of-type i{background:var(--color-accent);border-color:var(--color-accent)}.hh-meter{display:flex;overflow:auto;border:1px solid var(--color-border);background:var(--color-surface)}.hh-meter a{min-width:max-content;min-height:3rem;display:flex;align-items:center;gap:.7rem;padding:0 1rem;border-right:1px solid var(--color-border);font:600 .7rem/1 var(--font-utility);text-decoration:none;text-transform:uppercase}.hh-meter a:first-child{background:var(--color-foreground);color:var(--color-on-primary)}.hh-meter b{color:var(--color-accent)}.hh-flow{padding-block:clamp(2rem,5vw,4.5rem)}.hh-rack-grid{display:grid;gap:1rem}.hh-module{background:var(--color-surface);border:1px solid var(--color-border)}.hh-slotbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.6rem;padding:.55rem 1rem;background:var(--color-surface-quiet);border-bottom:1px solid var(--color-border);font:600 .68rem/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase}.hh-slotbar b{color:var(--color-primary)}.hh-priority{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.hh-priority .hh-slotbar{background:var(--color-secondary);color:var(--color-on-primary);border-color:transparent}.hh-priority__body{padding:clamp(1.5rem,4vw,3.5rem)}.hh-priority h2{max-width:52rem;margin:1.2rem 0 .8rem;font:800 clamp(2.3rem,5vw,4.6rem)/.94 var(--font-heading);text-wrap:balance}.hh-priority p{max-width:44rem;margin:0;color:#d9e2e4}.hh-action{min-height:2.8rem;display:inline-flex;align-items:center;gap:.7rem;margin-top:1.6rem;border-bottom:3px solid var(--color-accent);font-weight:700;text-decoration:none}.hh-router{display:grid;gap:1px;background:var(--color-border)}.hh-route{min-height:10rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;background:var(--color-surface);text-decoration:none}.hh-route:first-child{background:var(--color-accent)}.hh-route:hover{background:var(--color-surface-quiet)}.hh-route:first-child:hover{background:#f64d28}.hh-route small{font:600 .68rem/1.2 var(--font-utility);text-transform:uppercase}.hh-route strong{font:800 clamp(1.8rem,4vw,2.8rem)/.95 var(--font-heading)}.hh-section{margin-top:clamp(3.5rem,7vw,6rem)}.hh-section-head{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;margin-bottom:1rem;border-top:6px solid var(--color-primary);padding-top:1rem}.hh-section-head b{font:600 .72rem/1 var(--font-utility);color:var(--color-accent)}.hh-section-head h2{margin:0;font:800 clamp(2.2rem,4vw,3.6rem)/.95 var(--font-heading)}.hh-section-head p{grid-column:2;max-width:42rem;margin:.35rem 0 0;color:var(--color-muted)}.hh-service-log{border:1px solid var(--color-border)}.hh-service-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);text-decoration:none}.hh-service-row:last-child{border-bottom:0}.hh-service-row:nth-child(even){background:transparent}.hh-service-row:hover{background:var(--color-surface-quiet)}.hh-service-row__slot{font:600 .72rem/1.2 var(--font-utility);color:var(--color-secondary)}.hh-service-row h3{margin:0;font:700 clamp(1.45rem,3vw,2.15rem)/1.02 var(--font-heading)}.hh-service-row p{margin:.4rem 0 0;color:var(--color-muted)}.hh-facts{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.9rem;font:500 .67rem/1.2 var(--font-utility);text-transform:uppercase}.hh-section-link{min-height:2.8rem;display:inline-flex;align-items:center;margin-top:1rem;color:var(--color-primary);font-weight:700;text-underline-offset:.22em}.hh-questions{display:grid;gap:1rem}.hh-question{min-height:12rem;padding:1.4rem;background:var(--color-surface);border-top:6px solid var(--color-secondary);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.hh-question:nth-child(2n){border-color:var(--color-accent)}.hh-question small{font:600 .67rem/1 var(--font-utility);color:var(--color-muted)}.hh-question h3{margin:2rem 0 .4rem;font:700 1.65rem/1.05 var(--font-heading)}.hh-question h3 a{text-underline-offset:.14em}.hh-question p{margin:0;color:var(--color-muted)}.hh-recent a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 0;border-top:1px solid var(--color-border);text-decoration:none}.hh-recent a:hover strong{text-decoration:underline;text-underline-offset:.2em}.hh-recent small{font:500 .67rem/1.3 var(--font-utility);color:var(--color-muted)}.hh-signal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding:1.3rem;border:1px solid var(--color-border);border-left:8px solid var(--color-accent);background:var(--color-surface)}.hh-signal p{margin:0;font-weight:700}.hh-signal a{font-weight:700}.hh-footer{background:var(--color-foreground);color:var(--color-on-primary);padding:2.5rem 0}.hh-footer__grid{display:grid;gap:2rem}.hh-footer h2,.hh-footer h3{margin:0 0 .7rem;font:700 1.35rem/1 var(--font-heading)}.hh-footer p{max-width:25rem;color:#c9d5db}.hh-footer ul{margin:0;padding:0;list-style:none}.hh-footer li+li{margin-top:.4rem}.hh-footer__legal{margin-top:2rem;padding-top:1rem;border-top:1px solid #53636b;font:500 .67rem/1.4 var(--font-utility)}
    @media(min-width:48rem){.hh-console{grid-template-columns:8fr 4fr}.hh-switch-bank{height:100%}.hh-rack-grid{grid-template-columns:8fr 4fr}.hh-router{grid-template-rows:1.35fr 1fr}.hh-service-row{grid-template-columns:3rem minmax(0,8fr) minmax(8rem,3fr)}.hh-service-row .hh-facts{margin:0;align-content:start}.hh-questions{grid-template-columns:1fr 1fr}.hh-question:nth-child(even){transform:translateY(2rem)}.hh-footer__grid{grid-template-columns:2fr 1fr 1fr}}
    @media(min-width:64rem){body{padding-left:var(--rack)}.hh-mobile-bar{display:none}.hh-rack{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--rack);display:flex;flex-direction:column;padding:1.25rem .85rem;background:var(--color-primary);color:var(--color-on-primary);border-right:8px solid #141526}.hh-rack:before,.hh-rack:after{content:"";position:absolute;left:.3rem;width:.42rem;height:.42rem;border:1px solid #7f8aab;border-radius:50%}.hh-rack:before{top:.5rem}.hh-rack:after{bottom:.5rem}.hh-rack__brand{display:block;padding:.6rem .65rem 1.4rem;border-bottom:1px solid rgb(247 247 242 / .25);text-decoration:none}.hh-rack__brand strong{display:block;font:800 2rem/.85 var(--font-heading)}.hh-rack__brand span{display:block;margin-top:.7rem;color:#b8c7cc;font:500 .6rem/1.4 var(--font-utility);letter-spacing:.09em;text-transform:uppercase}.hh-rack__status{display:flex;align-items:center;gap:.6rem;margin:1rem .65rem;color:#b8c7cc;font:500 .62rem/1.3 var(--font-utility);text-transform:uppercase}.hh-rack nav{display:grid;border-top:1px solid rgb(247 247 242 / .22)}.hh-rack nav a{position:relative;display:grid;grid-template-columns:1.8rem 1fr;gap:.3rem;padding:1rem .65rem;border-bottom:1px solid rgb(247 247 242 / .22);text-decoration:none;font:700 .92rem/1.15 var(--font-body)}.hh-rack nav a b{color:#78d3d7;font:500 .63rem/1.4 var(--font-utility)}.hh-rack nav a:hover,.hh-rack nav a[aria-current="page"]{background:#151540}.hh-rack nav a[aria-current="page"]:after{content:"";position:absolute;right:.65rem;top:1.15rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent)}.hh-rack__service{margin-top:auto;padding:.9rem .65rem 0;border-top:1px solid rgb(247 247 242 / .25);display:grid;gap:.6rem;font:500 .72rem/1.3 var(--font-utility)}.hh-rack__service a{color:#d9e2e4}.hh-console{padding-top:1.5rem}.hh-thesis{min-height:34rem}.hh-flow{padding-top:4.5rem}.hh-section-head{grid-template-columns:4rem 1fr}.hh-footer{margin-left:0}}
    @media(min-width:90rem){.hh-console{gap:1.25rem}.hh-rack-grid{gap:1.25rem}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hh-question:nth-child(even){transform:none}}
  
/* ---- Prose / CMS blocks (.hh-growtext) ---- */
.hh-growtext { max-width: var(--prose-max, 45rem); font-size: 1rem; line-height: 1.65; }
.hh-growtext > * + * { margin-block-start: 1rem; }
.hh-growtext h2 { font: 700 clamp(1.5rem,3vw,1.75rem)/1.15 var(--font-heading); margin-block: 2.5rem 1rem; }
.hh-growtext h3 { font: 700 1.25rem/1.25 var(--font-heading); margin-block: 2rem .75rem; }
.hh-growtext h4 { font: 700 1.05rem/1.3 var(--font-body); margin-block: 1.5rem .5rem; }
.hh-growtext a { color: var(--color-primary); }
.hh-growtext ul, .hh-growtext ol { padding-inline-start: 1.4em; }
.hh-growtext li + li { margin-block-start: .55em; }
.hh-growtext blockquote { border-inline-start: 6px solid var(--color-secondary); margin-inline: 0; padding: 1rem 1.5rem; background: var(--color-surface); }
.hh-growtext code { font-family: var(--font-utility); background: var(--color-surface-quiet); padding: .1em .35em; font-size: .9em; }
.hh-growtext pre { overflow-x: auto; border-inline-start: 5px solid var(--color-accent); background: #141526; color: #f7f7f2; padding: 1.5rem; }
.hh-growtext pre code { background: transparent; padding: 0; color: inherit; }
.hh-growtext .content-image { margin-block: 1.5rem; }
.hh-growtext .content-image img { width: 100%; height: auto; background: var(--color-surface-quiet); }
.hh-growtext .content-image figcaption { border-inline-start: 3px solid var(--color-accent); margin-block-start: .5rem; padding-inline-start: .5rem; color: var(--color-muted); font-size: .875rem; }
.hh-growtext .callout { border: 1px solid var(--color-border); border-inline-start-width: 7px; padding: 1.5rem; background: var(--color-surface); }
.hh-growtext .callout::before { display: block; margin-block-end: .5rem; font: 700 .72rem/1 var(--font-utility); letter-spacing: .1em; text-transform: uppercase; }
.hh-growtext .callout--info { border-inline-start-color: var(--color-ring); }
.hh-growtext .callout--info::before { content: "Info"; color: var(--color-ring); }
.hh-growtext .callout--tip { border-inline-start-color: var(--color-secondary); border-inline-start-style: double; }
.hh-growtext .callout--tip::before { content: "Praxistipp"; color: var(--color-secondary); }
.hh-growtext .callout--warning { border-inline-start-color: var(--color-accent); }
.hh-growtext .callout--warning::before { content: "Achtung"; color: #7a4b00; }
.hh-growtext .callout--note { border-inline-start-color: var(--color-muted); border-inline-start-style: dotted; }
.hh-growtext .callout--note::before { content: "Notiz"; color: var(--color-muted); }
.recipe-summary { border-block: 6px solid var(--color-primary); background: var(--color-surface); padding: 2rem; margin-block: 2rem; }
.recipe-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: 1rem; }
.recipe-meta div { border-inline-start: 1px solid var(--color-border); padding-inline-start: 1rem; }
.recipe-meta dt { color: var(--color-muted); font: 700 .72rem/1.2 var(--font-utility); text-transform: uppercase; }
.recipe-meta dd { margin: .25rem 0 0; font-weight: 700; }
.faq-list, .hh-disclosure-set { border-block-start: 1px solid var(--color-border); margin-block: 2rem; }
.faq-item, .hh-disclosure { border-block-end: 1px solid var(--color-border); }
.faq-item summary, .hh-disclosure summary { min-height: 3.5rem; display: grid; grid-template-columns: 1fr 1.5rem; align-items: center; gap: 1rem; cursor: pointer; font-weight: 700; list-style: none; }
.faq-item summary::-webkit-details-marker, .hh-disclosure summary::-webkit-details-marker { display: none; }
.faq-item summary::after, .hh-disclosure summary::after { content: "+"; font: 500 1.5rem/1 var(--font-heading); }
.faq-item[open] summary::after, .hh-disclosure[open] summary::after { content: "−"; }
.howto-block { counter-reset: hh-step; margin-block: 2rem; }
.howto-step { counter-increment: hh-step; display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; border-block-start: 1px solid var(--color-border); padding-block: 1.5rem; }
.howto-step::before { content: counter(hh-step, decimal-leading-zero); color: var(--color-secondary); font: 600 1.5rem/1 var(--font-heading); }
.howto-step h3, .howto-step h4 { margin: 0; }
.hh-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--color-border); }
.hh-growtext table { width: 100%; min-width: 36rem; border-collapse: collapse; font-size: .875rem; }
.hh-growtext th, .hh-growtext td { border-block-end: 1px solid var(--color-border); padding: .75rem; text-align: start; }
.hh-growtext th { background: var(--color-primary); color: var(--color-on-primary); }
/* Article workbench */
.hh-article { padding-block: clamp(1.5rem,4vw,3rem); }
.hh-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .35rem .5rem; list-style: none; margin: 0 0 1rem; padding: 0; font: 500 .72rem/1.3 var(--font-utility); text-transform: uppercase; }
.hh-breadcrumbs li + li::before { content: "/"; margin-inline-end: .5rem; color: var(--color-muted); }
.hh-article-head { border: 1px solid var(--color-border); background: var(--color-surface); padding: clamp(1.25rem,4vw,2rem); margin-block-end: 2rem; }
.hh-article-head h1 { font: 800 clamp(2rem,5vw,3rem)/.95 var(--font-heading); max-width: 56rem; }
.hh-meta-dl { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 1rem 0 0; font: 500 .72rem/1.3 var(--font-utility); text-transform: uppercase; color: var(--color-muted); }
.hh-workbench { display: grid; gap: 2rem; }
@media (min-width: 64rem) {
  .hh-workbench { grid-template-columns: minmax(0,14rem) minmax(0,45rem) minmax(0,12rem); gap: 2rem; align-items: start; }
  .hh-toc { position: sticky; top: 1rem; font-size: .875rem; }
  .hh-toc details { display: none; }
  .hh-toc__rail { display: block; }
}
.hh-toc__rail { display: none; }
.hh-toc__rail ol, .hh-toc details ol { list-style: none; margin: 0; padding: 0; }
.hh-toc__rail a { color: inherit; text-decoration: none; display: block; padding: .35rem 0; border-block-end: 1px solid var(--color-border); }
.hh-toc__rail a:hover { color: var(--color-secondary); }
.hh-article-log { font: 500 .67rem/1.4 var(--font-utility); text-transform: uppercase; color: var(--color-muted); border: 1px solid var(--color-border); padding: 1rem; background: var(--color-surface); }
.hh-prev-next { display: grid; gap: 1px; background: var(--color-border); margin-block: 3rem; }
@media (min-width: 48rem) { .hh-prev-next { grid-template-columns: 1fr 1fr; } }
.hh-prev-next > div { background: var(--color-surface); padding: 1.25rem; }
.hh-related { margin-block: 3rem; border-block-start: 6px solid var(--color-primary); padding-block-start: 1.5rem; }
.hh-archive-head h1 { font: 800 clamp(2.2rem,4vw,3.6rem)/.95 var(--font-heading); }
.hh-empty { padding: 2rem; border: 1px dashed var(--color-border); color: var(--color-muted); text-align: center; }
.hh-mobile-nav { display: none; position: fixed; inset: 4.25rem 0 0 0; z-index: 25; background: var(--color-primary); color: var(--color-on-primary); padding: 1rem; overflow: auto; }
.hh-mobile-nav.is-open { display: grid; gap: 0; }
.hh-mobile-nav a { padding: 1rem; border-block-end: 1px solid rgb(247 247 242 / .2); text-decoration: none; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { * { transition-duration: .01ms !important; animation: none !important; } html { scroll-behavior: auto; } }