.hlh{--green:#536f5b;--green-dark:#34503d;--sage:#e7efe5;--beige:#f6f0e3;--lav:#eee8f3;--blue:#e7f1fb;max-width:1040px;margin:0 auto;color:#26342b;font-family:inherit}.hlh *{box-sizing:border-box}.hlh-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:42px;border-radius:28px;background:linear-gradient(125deg,var(--beige),var(--sage),var(--lav));margin-bottom:26px}.hlh-hero span,.hlh-result-label,.hlh-kicker,.hlh-section-heading>span{font-size:.8rem;font-weight:800;letter-spacing:.14em;color:#6b5a7b;text-transform:uppercase}.hlh-hero h1{font-size:clamp(2rem,6vw,3.5rem);margin:.25em 0}.hlh-hero p{font-size:1.12rem;max-width:640px}.hlh-plant{font-size:5rem}.hlh-section-heading{margin:34px 0 18px}.hlh-section-heading h2{font-size:clamp(1.55rem,4vw,2.2rem);margin:.25em 0}.hlh-section-heading p{margin:.4em 0;max-width:760px}.hlh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hlh-area,.hlh-panel{padding:28px;border:1px solid #d6dfd3;border-radius:24px;background:#fff;margin-bottom:20px;box-shadow:0 10px 30px rgba(39,58,44,.07)}.hlh-area>span{color:#637269;font-weight:700}.hlh-area h2{margin:.45em 0}.hlh-area.is-locked{opacity:.55;grid-column:1/-1}.hlh-button,.hlh-option{border:0;border-radius:14px;padding:14px 20px;font:inherit;font-weight:750;cursor:pointer}.hlh-button{background:var(--green);color:#fff}.hlh-option{display:block;width:100%;margin:10px 0;text-align:left;background:#f4f6f3;border:2px solid transparent}.hlh-option.is-selected{border-color:var(--green);background:var(--sage)}.hlh-progress{display:flex;align-items:center;gap:16px}.hlh-progress>span{height:9px;flex:1;background:#e6ebe5;border-radius:20px;overflow:hidden}.hlh-progress i{display:block;height:100%;background:var(--green)}.hlh-detektiv summary{font-weight:800;cursor:pointer;padding:14px 0}.hlh-result-plant{display:flex;align-items:center;gap:28px}.hlh-result-plant img{width:min(210px,38vw);height:auto}.hlh-result-plant h2{font-size:2rem;margin:.25em 0}.hlh-result-plant h3{margin:.25em 0;color:var(--green)}.hlh-garden{margin-bottom:26px}.hlh-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hlh-module-card{display:flex;min-height:145px;flex-direction:column;gap:8px;padding:20px;border:1px solid #d6dfd3;border-radius:20px;background:#f8faf7;color:#405047}.hlh-module-card>span{font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hlh-module-card>strong{font-size:1.05rem;line-height:1.3}.hlh-module-card>small{margin-top:auto}.hlh-module-card.is-current{border:2px solid var(--green);background:linear-gradient(145deg,#f7fbf6,var(--sage));color:var(--green-dark)}.hlh-week{border:2px solid #cbdac8}.hlh-week-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #e2e8df}.hlh-week-header h2{font-size:clamp(1.7rem,5vw,2.5rem);margin:.22em 0}.hlh-week-header p{margin:.3em 0}.hlh-week-state{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--sage);color:var(--green-dark);font-size:.82rem;font-weight:800;white-space:nowrap}.hlh-week-callout{margin:18px 0;padding:18px 20px;border-left:5px solid var(--green);border-radius:14px;background:#f6faf5}.hlh-week-callout--required{border-color:#537da8;background:var(--blue)}.hlh-week-callout--vocabulary{border-color:#8b6aa0;background:var(--lav)}.hlh-week-callout>strong{font-size:1.02rem}.hlh-week-callout p{margin:.45em 0 0}.hlh-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.hlh-day{padding:18px;border:1px solid #dce4d9;border-radius:16px;background:#fff}.hlh-day:last-child{grid-column:1/-1}.hlh-day>span{display:block;color:var(--green-dark);font-weight:850}.hlh-day p{margin:.55em 0 0}.hlh-week-content{margin-top:26px;padding-top:24px;border-top:1px solid #e2e8df}.hlh-week-content h3{font-size:1.35rem}.hlh-week-empty{text-align:center;padding:38px}.hlh [hidden]{display:none!important}@media(max-width:800px){.hlh-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hlh-hero{padding:28px}.hlh-plant{display:none}.hlh-grid,.hlh-day-grid{grid-template-columns:1fr}.hlh-area.is-locked,.hlh-day:last-child{grid-column:auto}.hlh-week-header{flex-direction:column}.hlh-week-state{white-space:normal}}@media(max-width:520px){.hlh-module-grid{grid-template-columns:1fr}.hlh-result-plant{align-items:flex-start;flex-direction:column}}

.hlh-dashboard-hero{padding:32px 36px;background:radial-gradient(circle at 86% 20%,rgba(255,255,255,.55),transparent 22%),linear-gradient(135deg,#fff5df,#e9f1e5 58%,#eee7f4)}
.hlh-dashboard-hero h1{font-size:clamp(1.9rem,5vw,3rem)}
.hlh-dashboard-seal{display:grid;place-items:center;flex:0 0 132px;min-height:132px;padding:14px;border:3px solid #9a82aa;border-radius:50%;background:#fff;color:#715982;text-align:center}
.hlh-dashboard-seal>span{font-size:2.6rem;line-height:1;color:inherit}
.hlh-dashboard-seal small{font-size:.72rem;font-weight:850;text-transform:uppercase}
.hlh-dashboard-seal.is-done{border-color:#58745f;background:#e7f2e6;color:#34503d}
.hlh-dashboard-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.hlh-dashboard-nav--analysis{grid-template-columns:repeat(2,minmax(0,1fr))}
.hlh-dashboard-nav--analysis a{min-height:82px}
.hlh-dashboard-nav a{display:grid;grid-template-columns:40px 1fr;gap:2px 10px;align-items:center;min-height:94px;padding:15px;border:2px solid #d7dfd5;border-radius:18px;background:#fff;color:#26342b;text-decoration:none;box-shadow:0 8px 22px rgba(39,58,44,.05)}
.hlh-dashboard-nav a>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eee8f3;color:#6b5a7b;font-size:1.3rem;font-weight:900}
.hlh-dashboard-nav strong,.hlh-dashboard-nav small{grid-column:2}.hlh-dashboard-nav small{color:#68756d;line-height:1.25}
.hlh-dashboard-nav a.is-primary{border-color:#58745f;background:linear-gradient(145deg,#fff,#e8f0e5)}
.hlh-garden{scroll-margin-top:16px;border:1px solid #d6dfd3;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(39,58,44,.06)}
.hlh-garden>summary{display:grid;gap:4px;padding:20px 24px;cursor:pointer;list-style:none}
.hlh-garden>summary::-webkit-details-marker{display:none}
.hlh-garden>summary span{font-size:.76rem;font-weight:850;letter-spacing:.12em;color:#6b5a7b;text-transform:uppercase}
.hlh-garden>summary strong{font-size:1.25rem}
.hlh-garden>summary small{color:#657169}
.hlh-garden .hlh-module-grid{padding:0 20px 20px}
.hlh-check-area{scroll-margin-top:16px}
.hlh-unit-check{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;margin-top:18px;padding:17px;border:2px solid #d8cde2;border-radius:18px;background:#faf7fc}
.hlh-unit-check-icon{display:grid;place-items:center;width:58px;height:58px;border:3px solid #9076a1;border-radius:50%;color:#72558b;font-size:2rem;font-weight:900}
.hlh-unit-check-icon.is-done{border-color:#52725a;background:#e6f1e5;color:#34503d}
.hlh-unit-check p{margin:.35rem 0 0;color:#607067}
@media(max-width:840px){.hlh-dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hlh-dashboard-hero{align-items:flex-start;padding:25px}.hlh-dashboard-seal{flex-basis:94px;min-height:94px}.hlh-dashboard-seal>span{font-size:2rem}.hlh-dashboard-nav{grid-template-columns:1fr}.hlh-dashboard-nav a{min-height:82px}}

.hlh-module-launchpad{border:2px solid #cbdac8}.hlh-learning-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.hlh-learning-module-grid>a{display:flex;min-height:190px;flex-direction:column;gap:10px;padding:21px;border:2px solid #d5dfd2;border-radius:20px;background:#f8faf7;color:#304238;text-decoration:none;box-shadow:0 5px 14px rgba(39,58,44,.06)}.hlh-learning-module-grid>a:hover,.hlh-learning-module-grid>a:focus-visible{border-color:var(--green);transform:translateY(-2px)}.hlh-learning-module-grid>a>span{font-size:.78rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#6b5a7b}.hlh-learning-module-grid>a>strong{font-size:1.18rem;line-height:1.3}.hlh-learning-module-grid>a>small{line-height:1.45;color:#59685f}.hlh-learning-module-grid>a>b{margin-top:auto;color:var(--green-dark)}.hlh-learning-module-grid>a.is-current{border-color:var(--green);background:linear-gradient(145deg,#f8fbf7,var(--sage))}.hlh-material-link{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 13px;align-items:center;margin-top:16px;padding:15px 18px;border:1px solid #cfc3d8;border-radius:16px;background:#faf7fc;color:#44354e;text-decoration:none}.hlh-material-link>span{grid-row:1/3;font-size:1.7rem}.hlh-material-link>small{color:#6b6170}.hlh-module-back{max-width:1040px;margin:0 auto 14px}.hlh-module-back a{display:inline-block;padding:10px 14px;border-radius:12px;background:#eef3ec;color:var(--green-dark);font-weight:800;text-decoration:none}.hlh-helper-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.hlh-helper-groups article{display:flex;min-height:155px;flex-direction:column;gap:7px;padding:18px;border:1px solid #d6dfd3;border-radius:16px;background:#fafbf9}.hlh-helper-groups article>span{color:#6b5a7b;font-size:.8rem;font-weight:850;letter-spacing:.08em}.hlh-helper-groups article>small{color:#5d6a62;line-height:1.4}.hlh-helper-groups article>a,.hlh-helper-groups article>em{margin-top:auto}.hlh-helper-groups article>a{color:var(--green-dark);font-weight:800}.hlh-helper-index{padding:18px;border-radius:16px;background:#f2f6f1}.hlh-helper-index h3{margin-top:0}.hlh-helper-index dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0}.hlh-helper-index dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #d6e0d4}.hlh-helper-index dt{font-weight:800}.hlh-helper-index dd{margin:0;text-align:right}
@media(max-width:800px){.hlh-learning-module-grid{grid-template-columns:1fr}}
@media(max-width:680px){.hlh-helper-groups,.hlh-helper-index dl{grid-template-columns:1fr}}
.hlh-dashboard-nav--analysis{grid-template-columns:repeat(3,minmax(0,1fr))}.hlh-learning-profile--dashboard{scroll-margin-top:16px;margin:0 0 20px}.hlh-learning-profile--dashboard h2{margin:.3em 0}.hlh-profile-empty{margin-top:18px;padding:18px;border:1px dashed #b8c7b7;border-radius:15px;background:#f8faf7}.hlh-profile-empty p{margin:.35em 0 0;color:#5e6b63}.hlh-profile-actions{display:flex;align-items:center}.hlh-profile-actions .hlh-button{display:inline-block;padding:10px 13px;text-align:center;text-decoration:none}.hlh-profile-actions .hlh-secondary{border:2px solid #58745f;background:#fff;color:#34503d}@media(max-width:840px){.hlh-dashboard-nav--analysis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hlh-dashboard-nav--analysis{grid-template-columns:1fr}}
.hlh-garden-unassessed{margin-top:18px;padding:17px;border:1px dashed #b8c7b7;border-radius:15px;background:#f8faf7}.hlh-garden-unassessed h3{margin:0}.hlh-garden-unassessed p{margin:.35em 0 13px;color:#5e6b63}.hlh-garden-unassessed>div{display:flex;flex-wrap:wrap;gap:8px}.hlh-garden-unassessed span{border:1px solid #d2ddd0;border-radius:999px;background:#fff;padding:7px 11px;color:#4f5f55;font-size:.88rem;font-weight:750}

/* Module werden nie zu einer langen senkrechten Kartenliste. */
.hlh-module-grid,.hlh-learning-module-grid{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.hlh-module-grid>.hlh-module-card,.hlh-learning-module-grid>a{flex:0 0 clamp(280px,32%,350px);scroll-snap-align:start}
@media(max-width:800px){.hlh-module-grid>.hlh-module-card,.hlh-learning-module-grid>a{flex-basis:min(74vw,340px)}}
@media(max-width:520px){.hlh-module-grid>.hlh-module-card,.hlh-learning-module-grid>a{flex-basis:84vw}}
.hlh-garden-tabs{display:flex;gap:8px;overflow-x:auto;margin:18px 0 22px;padding:5px;border:1px solid #d7dfd4;border-radius:18px;background:#f7f9f6;-webkit-overflow-scrolling:touch}.hlh-garden-tabs a{flex:0 0 auto;border-radius:13px;padding:11px 15px;color:#31443a;font-weight:750;text-decoration:none}.hlh-garden-tabs a.is-active{background:#536f5b;color:#fff}
.hlh-garden-today{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:24px auto 18px;padding:20px 24px;max-width:1120px;border:2px solid #58745f;border-radius:22px;background:linear-gradient(115deg,#f5ead2 0%,#edf4ea 52%,#eee8f7 100%);color:#263b30;text-decoration:none;box-shadow:0 12px 30px rgba(52,80,61,.09)}.hlh-garden-today:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(52,80,61,.14)}.hlh-garden-today__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#536f5b;color:#fff;font-size:34px}.hlh-garden-today__copy{display:grid;gap:3px}.hlh-garden-today__copy small{color:#6b587d;font-weight:800;letter-spacing:.09em}.hlh-garden-today__copy strong{font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.12}.hlh-garden-today__copy em{color:#56665c;font-style:normal}.hlh-garden-today b{padding:12px 16px;border-radius:14px;background:#536f5b;color:#fff;white-space:nowrap}.hlh-grammar-coin-note{padding:14px 16px;border-left:5px solid #b28a3b;border-radius:12px;background:#fff8e8;color:#44554a}@media(max-width:720px){.hlh-garden-today{grid-template-columns:auto minmax(0,1fr);padding:17px}.hlh-garden-today b{grid-column:1/-1;text-align:center}.hlh-garden-today__icon{width:54px;height:54px}.hlh-garden-today__copy em{font-size:.93rem}}
.hlh-module-back{position:sticky;top:10px;z-index:30;pointer-events:none}.hlh-module-back a{border:1px solid #d4dfd2;background:rgba(238,243,236,.96);box-shadow:0 6px 18px rgba(37,55,43,.12);pointer-events:auto;backdrop-filter:blur(8px)}
