/* CEC landing pages. Scope rules to .cec-lp or #cec-overview.lp-gallery.
 * Loaded by kategorie_detail.asp for Individuelle Produkte (News category 13).
 * Usage and component reference: docs/landingpages.md.
 * Preserve the open layout; use Bootstrap grid and existing CEC background colors.
 */
.cec-lp{color:#103664;font-weight:400}
.cec-lp>section{padding:80px 0!important;border:0}
.cec-lp>section:first-child{padding-top:48px!important}
.cec-lp .container-xxl{padding-left:24px;padding-right:24px}
.cec-lp .row{--bs-gutter-x:48px;--bs-gutter-y:36px}
.cec-lp h1,.cec-lp h2,.cec-lp h3{color:#103664!important;font-weight:600;letter-spacing:-.035em;padding:0}
.cec-lp h1{font-size:clamp(42px,4.7vw,72px)!important;line-height:1.04;margin:0 0 30px}
.cec-lp h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.15;margin:0 0 26px}
.cec-lp h3{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;margin:0 0 18px}
.cec-lp p{font-size:17px;line-height:1.75;margin:0 0 22px;color:inherit}
.cec-lp .lp-lead{font-size:20px;line-height:1.65;max-width:540px}
.cec-lp .lp-eyebrow{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:26px}
.cec-lp .lp-facts{font-size:14px;line-height:1.65;margin:26px 0;color:#52647a}
.cec-lp figure{margin:0}
.cec-lp figure img{display:block;width:100%;height:auto;border-radius:0}
.cec-lp figcaption{font-size:13px;line-height:1.6;color:#52647a;margin-top:14px}
.cec-lp .btn{min-height:48px;white-space:normal;border-radius:3px;padding:13px 22px;font-size:15px;font-weight:600;line-height:1.5}
.cec-lp .lp-product-link{font-size:14px;margin:20px 0 0}
.cec-lp .lp-product-link a{font-weight:500}
.cec-lp .lp-feature{border-top:1px solid #a8b5c3;padding-top:24px}
.cec-lp .lp-number{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:24px}
.cec-lp .lp-feature p{max-width:580px;margin-bottom:0}
.cec-lp .lp-reference,.cec-lp .lp-reference h2,.cec-lp .lp-reference p,.cec-lp .lp-reference figcaption,.cec-lp .lp-reference a{color:#fff!important}
.cec-lp .lp-reference .lp-eyebrow{color:#98dff0!important}
.cec-lp .lp-reference .btn{border-color:#fff}
.cec-lp .lp-reference .btn:hover{background:#fff;color:#103664!important}
.cec-lp .lp-step{border-top:1px solid #a8b5c3;padding-top:24px;margin-top:10px}
.cec-lp .lp-step p{margin-bottom:0}
.cec-lp .lp-process-heading{max-width:750px;margin-bottom:38px}
.cec-lp .lp-links{margin:36px 0 0;font-size:15px}
.cec-lp .lp-cta h2{margin-bottom:18px}
.cec-lp .lp-cta p{margin-bottom:0;max-width:640px}
.cec-lp [id]{scroll-margin-top:30px}
@media(max-width:991px){.cec-lp .row{--bs-gutter-x:32px}}
@media(max-width:767px){
 .cec-lp>section{padding:48px 0!important}
 .cec-lp>section:first-child{padding-top:32px!important}
 .cec-lp .row{--bs-gutter-x:24px;--bs-gutter-y:32px}
 .cec-lp h1{font-size:44px!important;margin-bottom:24px}
 .cec-lp h2{font-size:30px!important}
 .cec-lp .lp-lead{font-size:18px}
 .cec-lp .lp-eyebrow{margin-bottom:22px}
 .cec-lp .lp-process-heading{margin-bottom:28px}
}

.cec-lp figure svg{display:block;width:100%;height:auto}


/* Open product gallery: only the Individuelle Produkte overview. */
#cec-overview.lp-gallery .container-xxl{padding-left:24px;padding-right:24px}
#cec-overview.lp-gallery .overview-heading{padding-top:32px}
#cec-overview.lp-gallery .overview-nav{gap:12px 28px;margin-bottom:0}
#cec-overview.lp-gallery .overview-nav .btn{padding:10px 0;border:0;border-radius:0;background:transparent!important;color:#52647a!important;font-weight:500;border-bottom:2px solid transparent!important}
#cec-overview.lp-gallery .overview-nav .btn[aria-current=page]{color:#103664!important;border-bottom-color:#103664!important}
#cec-overview.lp-gallery .overview-intro{padding:48px 0 0;background:transparent!important;border:0;border-radius:0;box-shadow:none;height:auto}
#cec-overview.lp-gallery .overview-intro h1{font-size:clamp(42px,4.7vw,72px)!important;font-weight:600!important;letter-spacing:-.035em;line-height:1.08;margin-bottom:24px}
#cec-overview.lp-gallery .overview-eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:24px}
#cec-overview.lp-gallery .overview-lead{font-size:20px;max-width:850px;line-height:1.65}
#cec-overview.lp-gallery .overview-content{padding-top:56px;padding-bottom:80px;background:#edf3f8!important}
#cec-overview.lp-gallery .overview-grid{--bs-gutter-x:32px;--bs-gutter-y:56px}
#cec-overview.lp-gallery .overview-card{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
#cec-overview.lp-gallery .overview-card:hover{box-shadow:none}
#cec-overview.lp-gallery .overview-image{aspect-ratio:3/2;background:#fff;border-radius:0;outline:1px solid #cbd7e3;outline-offset:-1px}
#cec-overview.lp-gallery .overview-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
#cec-overview.lp-gallery .overview-card-link:hover .overview-image img{transform:scale(1.025)}
#cec-overview.lp-gallery .card-body{padding:24px 0 0}
#cec-overview.lp-gallery .overview-card-topic{font-size:12px;letter-spacing:.06em;margin-bottom:12px}
#cec-overview.lp-gallery .overview-card h2{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}
#cec-overview.lp-gallery .overview-card p{font-size:17px;font-weight:400;line-height:1.65;margin-bottom:24px}
#cec-overview.lp-gallery .overview-card-cta{font-size:15px;font-weight:600;padding-top:4px}
#cec-overview.lp-gallery .overview-tools{margin-bottom:28px}
#cec-overview.lp-gallery .overview-more{margin-top:40px}
@media(max-width:767px){
 #cec-overview.lp-gallery .overview-heading{padding-top:20px}
 #cec-overview.lp-gallery .overview-nav{gap:8px 18px}
 #cec-overview.lp-gallery .overview-nav .btn{font-size:13px}
 #cec-overview.lp-gallery .overview-intro{padding-top:32px}
 #cec-overview.lp-gallery .overview-intro h1{font-size:42px!important}
 #cec-overview.lp-gallery .overview-lead{font-size:18px}
 #cec-overview.lp-gallery .overview-content{padding-top:40px;padding-bottom:48px}
 #cec-overview.lp-gallery .overview-grid{--bs-gutter-x:24px;--bs-gutter-y:44px}
 #cec-overview.lp-gallery .overview-card h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){#cec-overview.lp-gallery .overview-image img{transition:none}}
