.hlc-area-hub{--hub-green:#526f59;--hub-sage:#e7efe5;--hub-beige:#f7f0e2;--hub-lavender:#eee8f3;max-width:1100px;margin:0 auto;color:#263229}
.hlc-area-hub *{box-sizing:border-box}
.hlc-area-hub__hero{position:relative;overflow:hidden;margin-bottom:28px;padding:clamp(30px,5vw,58px);border:1px solid #d9dfd3;border-radius:30px;background:linear-gradient(125deg,var(--hub-beige),var(--hub-sage) 58%,var(--hub-lavender));box-shadow:0 16px 42px rgba(42,60,47,.08)}
.hlc-area-hub__hero:after{content:"";position:absolute;right:-75px;bottom:-115px;width:260px;height:260px;border:42px solid rgba(111,88,130,.08);border-radius:50%;pointer-events:none}
.hlc-area-hub__hero h1{position:relative;z-index:1;margin:.2em 0;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.05;color:#263229}
.hlc-area-hub__hero p{position:relative;z-index:1;max-width:720px;margin:18px 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;color:#526159}
.hlc-area-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hlc-area-hub--lernen .hlc-area-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hlc-area-hub--erfolge .hlc-area-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hlc-area-hub__card{display:flex;min-width:0;min-height:310px;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #d9dfd3;border-radius:26px;background:#fff;color:#263229!important;text-decoration:none!important;box-shadow:0 12px 34px rgba(42,60,47,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hlc-area-hub__card.has-image{position:relative;overflow:hidden;padding-top:0}
.hlc-area-hub__image{display:block;width:calc(100% + 60px);height:175px;margin:0 -30px 24px;overflow:hidden;background:var(--hub-beige)}
.hlc-area-hub__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hlc-area-hub__card:hover .hlc-area-hub__image img,.hlc-area-hub__card:focus-visible .hlc-area-hub__image img{transform:scale(1.025)}
.hlc-area-hub__card.has-image .hlc-area-hub__icon{position:absolute;top:151px;left:30px;width:48px;height:48px;margin:0;font-size:1.45rem}
.hlc-area-hub__card.has-image .hlc-eyebrow{margin-top:24px}
.hlc-area-hub__card:nth-child(3n+1){background:linear-gradient(150deg,#fff,var(--hub-beige))}
.hlc-area-hub__card:nth-child(3n+2){background:linear-gradient(150deg,#fff,var(--hub-sage))}
.hlc-area-hub__card:nth-child(3n+3){background:linear-gradient(150deg,#fff,var(--hub-lavender))}
.hlc-area-hub__card:hover,.hlc-area-hub__card:focus-visible{transform:translateY(-4px);border-color:#aebda9;box-shadow:0 18px 42px rgba(42,60,47,.13)}
.hlc-area-hub__icon{display:grid;width:62px;height:62px;margin-bottom:24px;place-items:center;border-radius:20px;background:rgba(255,255,255,.78);color:var(--hub-green);font-size:2rem;box-shadow:0 8px 20px rgba(42,60,47,.09)}
.hlc-area-hub__card h2{margin:.35em 0;font-size:clamp(1.55rem,3vw,2rem);color:#263229}
.hlc-area-hub__card p{flex:1;margin:4px 0 24px;line-height:1.6;color:#59675f}
.hlc-area-hub__card strong{color:var(--hub-green)}
@media(max-width:850px){.hlc-area-hub--lernen .hlc-area-hub__grid,.hlc-area-hub--erfolge .hlc-area-hub__grid{grid-template-columns:1fr 1fr}.hlc-area-hub--lernen .hlc-area-hub__card:last-child,.hlc-area-hub--erfolge .hlc-area-hub__card:last-child{grid-column:1/-1}}
@media(max-width:620px){.hlc-area-hub__grid,.hlc-area-hub--lernen .hlc-area-hub__grid,.hlc-area-hub--erfolge .hlc-area-hub__grid{grid-template-columns:1fr}.hlc-area-hub--lernen .hlc-area-hub__card:last-child,.hlc-area-hub--erfolge .hlc-area-hub__card:last-child{grid-column:auto}.hlc-area-hub__card{min-height:0;padding:25px}.hlc-area-hub__image{width:calc(100% + 50px);margin-right:-25px;margin-left:-25px}.hlc-area-hub__card.has-image .hlc-area-hub__icon{left:25px}.hlc-area-hub__hero{border-radius:24px}}