/* V170.0.0 - klarer Einstieg und besucherfreundliche leere Bereiche. */
.landing .v14-hero.v15-hero{height:auto;min-height:520px;display:flex;align-items:center}
.landing .v14-hero.v15-hero>img{position:absolute;inset:0}
.landing .v14-hero-copy{position:relative;left:auto;right:auto;top:auto;transform:none;margin-left:clamp(20px,7vw,120px);width:min(620px,calc(100% - 2 * clamp(20px,7vw,120px)));max-width:none;padding:48px 0 78px;z-index:2}
.vp170-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:26px}
.landing .vp170-plan-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 20px;border:1px solid #72e3e5;border-radius:16px;background:linear-gradient(135deg,#0ca5b9,#078497);color:#fff;font-size:16px;font-weight:850;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.2);transition:background .18s,transform .18s,box-shadow .18s}
.vp170-plan-cta img{width:26px;height:26px;object-fit:contain;background:#effafb;border-radius:7px;padding:3px}
.vp170-plan-cta b{font-size:22px;font-weight:500}
.landing .vp170-plan-cta:hover{transform:translateY(-2px);background:#05768b;box-shadow:0 14px 32px rgba(0,0,0,.24)}
.landing .vp170-hero-secondary{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#fff;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.5)}
.landing .vp170-hero-secondary:hover{text-decoration-color:#fff}
.landing .vp170-empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;gap:12px;padding:30px 24px;border:1px solid #dcebed;border-radius:22px;background:linear-gradient(145deg,#fff,#f2faf8);text-align:center;color:#173e50}
.vp170-empty>img{width:42px;height:42px;padding:8px;border-radius:13px;background:#e3f5f4}
.vp170-empty>strong{font-size:20px;line-height:1.35}
.vp170-empty>p{max-width:560px;margin:0;color:#526b79;font-size:15px;line-height:1.65}
.landing .vp170-empty>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:800;color:#087b8e;text-decoration:underline;text-underline-offset:4px}
.vp170-plan-cta:focus-visible,.vp170-hero-secondary:focus-visible,.vp170-empty>a:focus-visible{outline:3px solid #ffd16c;outline-offset:5px}
@media(max-width:900px){.landing .v14-hero-copy{padding-bottom:126px}.landing .v14-slogan{bottom:32px;right:24px}}
@media(max-width:640px){.landing .v14-hero.v15-hero{min-height:480px}.landing .v14-hero-copy{margin-left:20px;width:calc(100% - 40px);padding-top:38px;padding-bottom:120px}.landing .v14-hero-copy h1{font-size:clamp(30px,8vw,42px);letter-spacing:-1px}.landing .v14-hero-copy p{font-size:16px}.vp170-hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:22px}.landing .vp170-plan-cta{min-height:52px}.landing .v14-slogan{font-size:30px;bottom:30px}.landing .vp170-empty{padding:25px 18px}.vp170-empty>strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.landing .vp170-plan-cta{transition:none;transform:none}}

/* Feature-Kacheln bleiben auch bei schmalen Displays innerhalb der Seite. */
@media(max-width:640px){.landing .v14-feature-strip article{min-width:0;padding:8px 10px;gap:9px}.landing .v14-feature-strip article>span{min-width:0;overflow-wrap:anywhere}.landing .v14-feature-strip article>b{width:40px;height:40px;flex-basis:40px;font-size:22px}.landing .v14-feature-strip strong{font-size:13px}.landing .v14-feature-strip small{font-size:11px}}