/* Benefits base styling; the scoped seven-card layout follows below. */
.homepage #vorteile{min-height:100svh;padding:100px 0 30px;display:flex;align-items:center;scroll-margin-top:-110px;background:radial-gradient(ellipse at 85% 35%,#6a92b527,transparent 65%),linear-gradient(180deg,#465a70,#3a526b 65%,#254760)}
.homepage #vorteile:before{bottom:0}
.homepage #vorteile>.container{width:min(1380px,90%);margin:auto}
.benefits-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:26px}
.homepage .benefits-heading .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#ffda80;margin:0 0 12px}
.homepage .benefits-heading h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(29px,2.65vw,43px);font-weight:500;line-height:1.16;letter-spacing:-.04em;color:#f1f5fa}
.homepage .benefits-heading h2 span{background:linear-gradient(165deg,#ffe9ae,#ffd07b 55%,#f3dcad);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.benefits-intro{max-width:480px;font-size:14px;line-height:1.75;color:#e2eaf2;padding-bottom:3px}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.benefit-card{padding:22px 24px;border:1px solid #cbe0f13b;border-radius:14px;background:linear-gradient(135deg,#d8ebfd0b,#0a223d52);box-shadow:inset 0 1px #f2f8ff0c}
.benefit-card-heading{display:flex;align-items:center;gap:14px;min-height:38px;margin-bottom:12px}
.benefit-card svg,.benefits-moving>svg{width:31px;height:31px;flex-shrink:0;fill:none;stroke:#ffdc8e;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #ffcf5226)}
.homepage .benefit-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#f4f7fb;margin:0}
.benefit-card>p{font-size:13px;line-height:1.65;color:#dbe5ef;margin:0}
.benefit-card-wind{border-color:#ffd680a6;background:linear-gradient(130deg,#ffcd6212,#0b233f69);box-shadow:inset 0 1px #ffe7ad29,0 0 24px #ffc44d0c}
.homepage .benefit-card-wind h3{color:#ffe2a0}
.benefits-moving{display:flex;align-items:center;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid #c6d9e535}
.benefits-moving>svg{width:25px;height:25px;stroke:#bfcfdf;filter:none}
.benefits-moving p{font-size:12px;line-height:1.7;color:#d0deea;max-width:1180px}
.benefits-moving strong{font-weight:500;color:#f0f5fa}
.benefits-next{display:flex;justify-content:center;align-items:center;gap:15px;width:fit-content;margin:19px auto 0;color:#ffdc8c;font-size:12px;text-decoration:none}
.benefits-next span{font-size:23px;line-height:1}
@media(min-width:901px) and (max-height:800px){.homepage #vorteile{padding-top:91px;padding-bottom:22px}.benefits-heading{margin-bottom:20px;gap:45px}.homepage .benefits-heading h2{font-size:32px}.homepage .benefits-heading .eyebrow{margin-bottom:8px;font-size:10px}.benefits-intro{font-size:13px;line-height:1.65}.benefits-grid{gap:12px}.benefit-card{padding:16px 19px}.benefit-card-heading{gap:12px;margin-bottom:9px;min-height:36px}.homepage .benefit-card h3{font-size:15px}.benefit-card>p{font-size:12.5px;line-height:1.6}.benefits-moving{margin-top:18px;padding-top:14px}.benefits-moving p{font-size:11.5px;line-height:1.6}.benefits-next{margin-top:15px}}
@media(max-width:900px){.homepage #vorteile{min-height:0;padding:90px 0 45px}.homepage #vorteile>.container{width:calc(100% - 40px)}.benefits-heading{grid-template-columns:1fr;gap:18px}.benefits-intro{max-width:620px;font-size:14px}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card{padding:20px}.benefits-moving{align-items:flex-start}.benefits-moving p{font-size:12px}}
@media(max-width:700px){.homepage #vorteile{scroll-margin-top:-85px}.homepage .benefits-heading h2{font-size:clamp(28px,7vw,36px)}.benefits-grid{grid-template-columns:1fr;gap:10px}.benefit-card{display:grid;grid-template-columns:29px 1fr;gap:16px;align-items:center;padding:19px 18px}.benefit-card-heading{display:contents}.homepage .benefit-card h3{display:none}.benefit-card svg{width:29px;height:29px}.benefit-card>p{font-size:14px;line-height:1.7}.benefits-moving p{font-size:12px;line-height:1.8}.benefits-moving>svg{display:none}.benefits-next{margin-top:26px}}

/* Compact seven-card view, with transparent panels over the morning landscape. */
.silver.hero-layout.homepage main>#vorteile.benefits-seven{height:auto;min-height:100svh;padding-bottom:82px;background:#172f42;overflow:visible}
.homepage #vorteile.benefits-seven .benefits-landscape{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.homepage #vorteile.benefits-seven .benefits-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.homepage #vorteile.benefits-seven:before{content:'';inset:0;z-index:1;mask-image:none;background:linear-gradient(180deg,#142b40dc 0%,#112c41ad 24%,#112b4080 62%,#102a3f57 88%,#254760 100%)}
.homepage #vorteile.benefits-seven>.container{position:relative;z-index:2;width:min(1680px,92%)}
.homepage #vorteile.benefits-seven .benefits-heading{gap:clamp(24px,4vw,70px);margin-bottom:clamp(18px,2.8svh,30px)}
.homepage #vorteile.benefits-seven .benefits-heading h2{font-size:clamp(30px,min(2.65vw,4.8svh),46px)}
.homepage #vorteile.benefits-seven .benefits-intro{font-size:clamp(14px,1vw,17px);line-height:1.6;color:#f0f5fa;text-shadow:0 1px 8px #061522}
.homepage #vorteile.benefits-seven .benefits-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.2vw,20px);align-items:stretch}
.homepage #vorteile.benefits-seven .benefit-card{grid-column:span 3;display:flex;flex-direction:column;align-items:stretch;padding:clamp(15px,1.3vw,24px);min-width:0;min-height:clamp(145px,20svh,215px);background:linear-gradient(135deg,#17364b4d,#0a223b38);border:1px solid #d6e9f054;box-shadow:inset 0 1px #e7f4ff12,0 5px 18px #03111d14}
.homepage #vorteile.benefits-seven .benefit-card:nth-child(n+5){grid-column:span 4}
.homepage #vorteile.benefits-seven .benefit-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:clamp(10px,1.5svh,18px);min-height:32px}
.homepage #vorteile.benefits-seven .benefit-card h3{display:block;font-size:clamp(15px,1.15vw,20px);font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#ffe09a;margin:0;text-shadow:0 1px 8px #071b2bd9}
.homepage #vorteile.benefits-seven .benefit-card-heading svg{width:27px;height:27px}
.homepage #vorteile.benefits-seven .benefit-card>p{margin:0;font-size:clamp(14px,1vw,17px);line-height:1.6;color:#f1f6fa;text-shadow:0 1px 5px #061522,0 1px 12px #06152280}
.homepage #vorteile.benefits-seven .benefit-card-wind{border-color:#ffd16baf;background:linear-gradient(135deg,#bc882c14,#112c3f38);box-shadow:inset 0 1px #ffe7ad26,0 0 18px #ffc44d12}
.homepage #vorteile.benefits-seven .benefits-limit-note{margin:14px 0 0;font-size:clamp(11px,.8vw,13px);line-height:1.5;color:#e0ebf2;max-width:100%;text-shadow:0 1px 6px #061522}
.homepage #vorteile.benefits-seven>.benefits-next.section-next{bottom:23px}
@media(min-width:901px) and (max-height:700px){
 .silver.hero-layout.homepage main>#vorteile.benefits-seven{padding-top:86px;padding-bottom:65px}
 .homepage #vorteile.benefits-seven .benefits-heading{margin-bottom:16px}
 .homepage #vorteile.benefits-seven .benefits-heading h2{font-size:29px}
 .homepage #vorteile.benefits-seven .benefit-card{min-height:0;padding:14px}
 .homepage #vorteile.benefits-seven .benefit-card-heading{gap:9px;margin-bottom:8px}
 .homepage #vorteile.benefits-seven .benefit-card h3{font-size:14px}
 .homepage #vorteile.benefits-seven .benefit-card>p{font-size:13px;line-height:1.5}
}
@media(max-width:900px){
 .homepage #vorteile.benefits-seven>.container{width:calc(100% - 40px)}
 .homepage #vorteile.benefits-seven .benefits-heading{grid-template-columns:1fr;gap:16px}
 .homepage #vorteile.benefits-seven .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .homepage #vorteile.benefits-seven .benefit-card,.homepage #vorteile.benefits-seven .benefit-card:nth-child(n+5){grid-column:auto;min-height:0}
 .homepage #vorteile.benefits-seven .benefit-card:last-child{grid-column:1/-1}
 .homepage #vorteile.benefits-seven .benefits-landscape img{object-position:28% bottom}
}
@media(max-width:600px){
 .homepage #vorteile.benefits-seven .benefits-grid{grid-template-columns:1fr;gap:12px}
 .homepage #vorteile.benefits-seven .benefit-card{padding:18px}
 .homepage #vorteile.benefits-seven .benefit-card>p{font-size:15px}
}