@import url('./page-perimeterschutz.css');
/* Scoped editorial composition; existing Sauermann palette and type. */
.ss-zeitraffer{color:var(--ss-accent);font-family:'DM Sans',sans-serif;}
.ss-zeitraffer *{box-sizing:border-box;}
/* Inherit Perimeterschutz's responsive heading scale and hero gutters. */
.ss-zeitraffer .ss-hero{padding-bottom:0;}
.ss-zt-intro,.ss-zt-inner,.ss-zt-features{max-width:1100px;margin:0 auto;}
.ss-zt-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-bottom:40px;}
.ss-zeitraffer .ss-hero-title{margin:0;}
.ss-zt-lead>p:first-child{font-size:15px;font-weight:300;line-height:1.8;max-width:480px;color:var(--ss-white);margin:0 0 20px;}
.ss-zeitraffer .ss-zt-note{font-size:13px;line-height:1.7;color:var(--ss-accent);margin:16px 0 26px;}
.ss-zt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
.ss-zt-actions a{min-height:44px;}
.ss-zt-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ss-border);}
.ss-zt-features span{font:11px/1.6 'DM Mono',monospace;padding:23px 16px 23px 0;}
.ss-zt-features span::before{content:'';display:inline-block;width:5px;height:5px;background:var(--ss-red);margin-right:10px;vertical-align:middle;}
.ss-zt-preview{background:var(--ss-white);color:var(--ss-navy);padding:64px 24px 72px;}
.ss-zt-section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:32px;}
.ss-zeitraffer h2{font:400 clamp(36px,5vw,58px)/1.05 'Bebas Neue',sans-serif;margin:0 0 18px;}
.ss-zeitraffer h2{overflow-wrap:anywhere;}
.ss-zeitraffer h2 span{color:var(--ss-red);}
.ss-zt-section-head p,.ss-zt-split>div>p{font-size:16px;line-height:1.8;margin:0 0 18px;}
.ss-portal-preview{margin:0;border-top:3px solid var(--ss-red);background:var(--ss-white);}
.ss-portal-preview>a{display:block;}
.ss-portal-preview img{display:block;width:100%;height:auto;}
.ss-portal-preview figcaption{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:22px 0 0;border-top:1px solid var(--ss-accent);font-size:12px;line-height:1.7;}
.ss-portal-preview figcaption strong{font:11px/1.6 'DM Mono',monospace;text-transform:uppercase;}
.ss-portal-preview figcaption p{margin:6px 0 0;max-width:640px;}
.ss-preview-enlarge{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;color:var(--ss-navy);text-underline-offset:4px;}
.ss-zt-process{padding:80px 24px;background:var(--ss-navy);}
.ss-zt-process h2{color:var(--ss-white);}
.ss-zt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:44px 0 0;border-top:1px solid var(--ss-border);gap:32px;}
.ss-zt-steps li{padding-top:24px;}
.ss-zt-num{font:12px 'DM Mono',monospace;color:var(--ss-red);}
.ss-zeitraffer h3{font:400 26px/1.2 'Bebas Neue',sans-serif;margin:16px 0 10px;}
.ss-zt-steps h3{color:var(--ss-white);overflow-wrap:anywhere;}
.ss-zt-steps p,.ss-zt-benefit-list p{font-size:14px;line-height:1.8;margin:0;}
.ss-zt-benefits{padding:80px 24px;background:var(--ss-white);color:var(--ss-navy);}
.ss-zt-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;}
.ss-zt-benefit-list>div{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--ss-accent);}
.ss-zt-benefit-list h3{margin-top:0;}
.ss-zeitraffer .ss-cta-section{border-top:3px solid var(--ss-red);}
.ss-zeitraffer .ss-cta-title{font-size:clamp(36px,5vw,58px);}
.ss-zeitraffer .ss-btn-large{white-space:normal;text-align:center;}
@media(max-width:900px){
 .ss-zt-intro{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:760px){
 .ss-zt-section-head,.ss-zt-split{grid-template-columns:1fr;gap:28px;}
 .ss-zt-intro{padding-bottom:32px;}
 .ss-zt-features{grid-template-columns:1fr 1fr;}
 .ss-zt-features span{padding:16px 12px 16px 0;font-size:10px;}
 .ss-zt-preview,.ss-zt-process,.ss-zt-benefits{padding:44px 20px;}
 .ss-zt-section-head{gap:0;}
 .ss-zt-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:20px;}
 .ss-portal-preview figcaption{display:block;}
 .ss-preview-enlarge{margin-top:10px;}
 .ss-zt-actions{align-items:stretch;}
 .ss-zt-actions a{white-space:normal;}
}
@media(max-width:380px){.ss-zt-steps{grid-template-columns:1fr;}.ss-zeitraffer h2{font-size:34px;}}
