body .hub-image-page{padding-top:0}
body .hub-image-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;width:100%;max-width:none;min-height:500px;margin:0 0 36px;padding:64px 0;border:0;border-radius:0;background:#071b29;color:#e1edf0}
body .hub-image-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,27,41,.96) 0%,rgba(7,27,41,.90) 35%,rgba(7,27,41,.73) 50%,rgba(7,27,41,.10) 77%,transparent),var(--hub-image) right center/auto 100% no-repeat}
.hub-image-hero.hub-tools{--hub-image:url('/assets/hub-backgrounds/werkzeugkoffer.webp')}
.hub-image-hero.hub-nutrients{--hub-image:url('/assets/hub-backgrounds/naehrstoffe.webp');min-height:680px;margin-bottom:0}
.hub-image-hero.hub-cultures{--hub-image:url('/assets/hub-backgrounds/anbauwissen.webp');min-height:460px;margin-bottom:32px}
.hub-hero-copy{max-width:620px}
body .hub-image-hero h1{color:#fff;font-size:clamp(2.5rem,4.2vw,3.8rem);line-height:1.1;letter-spacing:-.035em;max-width:20ch;margin:18px 0 24px;overflow-wrap:break-word;text-wrap:balance}
body .hub-image-hero p{color:#e1edf0;font-size:1.12rem;line-height:1.75;max-width:600px;margin:0 0 20px}
body .hub-image-hero :is(.section-kicker,.nl-kicker,.plant-eyebrow){color:#a6e5d1;font-size:.8rem;line-height:1.6;letter-spacing:.1em;font-weight:750}
body .hub-image-hero a{color:#c0f3e2;text-underline-offset:.2em}
body .hub-image-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:none}
body .hub-image-hero .nl-cleanup-count{display:inline-block;padding:8px 14px;margin:4px 0 22px;border:1px solid #4b6972;border-radius:10px;background:#102d3b;color:#e1edf0;font-size:.94rem}
body .hub-image-hero .nl-lead{max-width:600px;margin:24px 0 0;color:#e1edf0;font-size:1.08rem;line-height:1.75}
body .hub-image-hero .nf-hub-jumps{gap:12px;margin-top:28px}
body .hub-image-hero .nf-hub-jumps>a.nl-card{display:block;padding:18px;background:#102d3b;border:1px solid #668b92;box-shadow:none;color:#f2faf8;text-decoration:none}
body .hub-image-hero .nf-hub-jumps>a.nl-card:hover{background:#214857;border-color:#a6e5d1;transform:none}
body .hub-image-hero .nf-hub-jumps strong{color:#f2faf8;font-size:1.08rem;line-height:1.4}
body .hub-image-hero .nf-hub-jumps p{color:#dce9ee;font-size:.94rem;line-height:1.55;margin:8px 0 0}
/* R002: bring these wide motifs into the composition instead of anchoring
   a height-sized image at the far right of a wide screen. */
body .hub-image-hero.hub-tools{min-height:540px}
body .hub-image-hero.hub-cultures{min-height:500px}
body .hub-image-hero:is(.hub-tools,.hub-cultures)::before{background:linear-gradient(90deg,rgba(7,27,41,.94) 0%,rgba(7,27,41,.87) 32%,rgba(7,27,41,.55) 52%,rgba(7,27,41,.04) 78%,transparent),var(--hub-image) center 48%/cover no-repeat}
body .hub-tools .hub-hero-copy,body .hub-cultures .hub-hero-copy{max-width:560px}
@media(max-width:900px){
 body .hub-image-hero{display:block;min-height:0;padding:clamp(250px,56vw,420px) 0 32px;margin-bottom:28px}
 body .hub-image-hero::before{height:clamp(300px,68vw,510px);background:linear-gradient(180deg,rgba(7,27,41,0) 40%,#071b29 100%),var(--hub-image) 82% top/auto 100% no-repeat}
 .hub-hero-copy{max-width:680px;margin-inline:auto}
 body .hub-image-hero h1{font-size:clamp(2.1rem,7.3vw,3.4rem);max-width:23ch}
 body .hub-image-hero.hub-nutrients{margin-bottom:0}
 body .hub-image-hero p,body .hub-image-hero .nl-lead{font-size:1rem}
 body .hub-image-hero:is(.hub-tools,.hub-cultures){min-height:0;padding:clamp(210px,48vw,350px) 0 32px}
 body .hub-image-hero:is(.hub-tools,.hub-cultures)::before{height:clamp(260px,59vw,430px);background:linear-gradient(180deg,rgba(7,27,41,0) 55%,#071b29 100%),var(--hub-image) 72% center/cover no-repeat}
 body .hub-tools .hub-hero-copy,body .hub-cultures .hub-hero-copy{max-width:680px}
}
@media print{
 body .hub-image-hero{display:block;min-height:0;padding:20px 0;margin-bottom:20px;background:#fff;color:#142f43}
 body .hub-image-hero::before{display:none}
 body .hub-image-hero :is(h1,p,a,.section-kicker,.nl-kicker,.plant-eyebrow){color:#142f43}
 body .hub-image-hero .nf-hub-jumps>a.nl-card,body .hub-image-hero .nl-cleanup-count{background:#fff;color:#142f43;border-color:#aaa}
 body .hub-image-hero .nf-hub-jumps :is(p,strong){color:#142f43}
 body .hub-image-hero:is(.hub-tools,.hub-cultures){min-height:0}
}