/* Calm landscape and larger, structured use cases. Scoped to Einsatz. */
.silver.hero-layout.homepage main>#einsatz.use-photo{position:relative;isolation:isolate;min-height:100svh;height:auto;background:#213a35;overflow:visible;scroll-margin-top:0}
#einsatz .use-landscape{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#einsatz .use-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.homepage #einsatz.use-photo:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;mask-image:none;background:linear-gradient(180deg,#102c2cde 0%,#17372e94 42%,#15352e80 72%,#102c2bdb 100%)}
.homepage #einsatz.use-photo>.container{position:relative;z-index:2;width:min(1680px,92%);margin:0 auto;display:grid;gap:clamp(20px,2.6svh,34px)}
.homepage #einsatz .use-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,65px);align-items:end;margin:0}
.homepage #einsatz .eyebrow{font-size:12px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:#ffd16a;margin:0 0 12px}
.homepage #einsatz .use-heading h2{font-size:clamp(34px,3vw,50px);line-height:1.15;margin:0;letter-spacing:-.04em}
.homepage #einsatz .use-heading h2 span,.homepage #einsatz .use-storage h3 span{color:#ffd16a}
.homepage #einsatz .use-intro{max-width:680px;font-size:clamp(17px,1.2vw,21px);line-height:1.6;color:#edf4ef;margin:0;text-shadow:0 1px 6px #071e20}
.homepage #einsatz.use-photo .use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.8vw,28px);align-items:stretch}
.homepage #einsatz.use-photo .use-card{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto;align-content:start;align-items:center;column-gap:16px;row-gap:14px;padding:clamp(22px,2vw,34px);border:1px solid #d1e3d34d;border-radius:14px;background:linear-gradient(145deg,#15332fe8,#102b2ae6);box-shadow:inset 0 1px #f0ffe612,0 10px 25px #04161220}
#einsatz .use-icon{display:block;width:38px;height:38px;fill:none;stroke:#ffd16a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#einsatz .use-card-content{display:contents}
.homepage #einsatz .use-card h3{font-size:clamp(20px,1.45vw,26px);line-height:1.3;margin:0;font-weight:700}
.homepage #einsatz .use-card p{grid-column:1/-1;font-size:clamp(17px,1.2vw,21px);line-height:1.6;color:#e4eee8;margin:0}
.homepage #einsatz .use-card .use-card-lead{color:#fff8e8;font-weight:600;font-size:clamp(17px,1.15vw,20px);padding-top:6px}
.homepage #einsatz.use-photo .use-card-storage{border-color:#ffd16aa6;background:linear-gradient(145deg,#394431ed,#16332ce8)}
.homepage #einsatz .use-card-storage h3{color:#ffda80}
.homepage #einsatz.use-photo .use-storage{display:grid;grid-template-columns:minmax(210px,.8fr) 2fr;align-items:center;gap:clamp(24px,3vw,44px);margin:0;padding:clamp(24px,2vw,34px);border:1px solid #d1e3d34d;border-radius:14px;background:linear-gradient(110deg,#13332ee8,#112e2be0)}
#einsatz .use-storage-heading{position:relative;padding-left:22px}
#einsatz .use-storage-rule{position:absolute;left:0;top:3px;bottom:3px;width:2px;background:#ffd16a}
.homepage #einsatz .use-storage h3{font-size:clamp(26px,2vw,36px);line-height:1.3;margin:0}
#einsatz .use-storage-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,2.3vw,38px)}
.homepage #einsatz .use-storage-copy h4{font-size:clamp(17px,1.2vw,21px);line-height:1.35;color:#ffda80;margin:0 0 10px}
.homepage #einsatz .use-storage-copy p{font-size:clamp(16px,1.1vw,19px);line-height:1.65;color:#e4eee8;margin:0}
/* Desktop density follows available height continuously, including browser zoom.
   Keep a readable minimum and allow natural scrolling in very short windows. */
@media(min-width:901px){
 .homepage #einsatz.use-photo>.container{
  min-height:calc(100svh - var(--section-top,104px) - var(--section-bottom,78px) - 24px);
  grid-template-rows:auto 1fr auto;gap:clamp(12px,1.7svh,24px)
 }
 .homepage #einsatz .use-heading{gap:clamp(24px,3vw,52px)}
 .homepage #einsatz .eyebrow{font-size:clamp(10px,1.2svh,12px);margin-bottom:clamp(6px,1svh,12px)}
 .homepage #einsatz .use-heading h2{font-size:clamp(30px,min(3vw,4.8svh),50px);line-height:1.12}
 .homepage #einsatz .use-intro{font-size:clamp(15px,min(1.2vw,1.95svh),21px);line-height:1.45}
 .homepage #einsatz.use-photo .use-card{
  padding:clamp(16px,2.1svh,30px);row-gap:clamp(8px,1.25svh,16px);
  column-gap:clamp(10px,1.4vw,16px);grid-template-columns:clamp(28px,3.5svh,38px) 1fr;
  align-content:center
 }
 .homepage #einsatz .use-icon{width:clamp(28px,3.5svh,38px);height:clamp(28px,3.5svh,38px)}
 .homepage #einsatz .use-card h3{font-size:clamp(18px,min(1.45vw,2.5svh),26px);line-height:1.25}
 .homepage #einsatz .use-card p{font-size:clamp(15px,min(1.2vw,1.95svh),21px);line-height:1.45}
 .homepage #einsatz .use-card .use-card-lead{font-size:clamp(15px,min(1.15vw,1.9svh),20px);line-height:1.4;padding-top:2px}
 .homepage #einsatz.use-photo .use-storage{padding:clamp(16px,2.1svh,30px);gap:clamp(20px,2.4vw,36px)}
 .homepage #einsatz .use-storage h3{font-size:clamp(24px,min(2vw,3.4svh),36px);line-height:1.2}
 .homepage #einsatz .use-storage-copy h4{font-size:clamp(15px,min(1.2vw,2svh),21px);margin-bottom:clamp(6px,.9svh,10px)}
 .homepage #einsatz .use-storage-copy p{font-size:clamp(14px,min(1.1vw,1.8svh),19px);line-height:1.45}
}
@media(max-width:1100px) and (min-width:901px){.homepage #einsatz.use-photo .use-card{padding:20px;grid-template-columns:28px 1fr;column-gap:10px}.homepage #einsatz .use-icon{width:28px;height:28px}.homepage #einsatz .use-card h3{font-size:18px}.homepage #einsatz .use-card p,.homepage #einsatz .use-card .use-card-lead{font-size:16px}.homepage #einsatz.use-photo .use-storage{grid-template-columns:1fr;gap:22px}}
@media(max-width:900px){.silver.hero-layout.homepage main>#einsatz.use-photo{padding:100px 0 110px}.homepage #einsatz.use-photo>.container{width:calc(100% - 40px);gap:24px}.homepage #einsatz .use-heading{grid-template-columns:1fr;gap:20px}.homepage #einsatz .use-heading h2{font-size:clamp(32px,6vw,44px)}.homepage #einsatz .use-intro{font-size:17px}.homepage #einsatz.use-photo .use-grid{grid-template-columns:1fr;gap:18px}.homepage #einsatz.use-photo .use-card{padding:24px;row-gap:12px}.homepage #einsatz .use-card h3{font-size:21px}.homepage #einsatz .use-card p,.homepage #einsatz .use-card .use-card-lead{font-size:17px}.homepage #einsatz.use-photo .use-storage{grid-template-columns:1fr;padding:24px;gap:24px}#einsatz .use-storage-copy{grid-template-columns:1fr;gap:22px}.homepage #einsatz .use-storage-copy h4{font-size:18px}.homepage #einsatz .use-storage-copy p{font-size:16px}.homepage #einsatz.use-photo>a.section-next-footer{bottom:28px;width:calc(100% - 40px)}#einsatz .use-landscape img{object-position:65% center}}