/* =============================================
   SHARED PAGE STYLES
   Common styles for sub-pages (Einsatzbereiche, FAQ, Leistungen, etc.)
   Extracted to reduce duplication and file sizes.
============================================= */

/* Page Hero */
.page-hero{padding:130px 0 60px;background:var(--gradient-hero);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.page-hero-content{text-align:center;position:relative;z-index:1}

/* Breadcrumb */
.page-breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:0.85rem;color:rgba(255,255,255,0.7);margin-bottom:20px}
.page-breadcrumb a{color:rgba(255,255,255,0.8);transition:var(--transition)}
.page-breadcrumb a:hover{color:#fff}
.page-breadcrumb i.fa-chevron-right{font-size:0.7rem;opacity:0.6}

/* Hero Title & Subtitle */
.page-hero-title{font-size:clamp(2rem,5vw,3.5rem);color:#fff;margin-bottom:16px;line-height:1.15}
.page-hero-title .gradient-text{background:linear-gradient(135deg,#93C5FD,#60A5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:rgba(255,255,255,0.85);max-width:620px;margin:0 auto 36px;line-height:1.7}

/* Reveal Animations */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:0.15s}
.reveal-delay-2{transition-delay:0.25s}
.reveal-delay-3{transition-delay:0.35s}

/* Outline Button (Large) */
.btn-outline-large{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,0.15);color:#fff;padding:14px 28px;border-radius:50px;font-weight:600;font-size:0.95rem;border:2px solid rgba(255,255,255,0.4);transition:var(--transition);min-height:52px}
.btn-outline-large:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.7);transform:translateY(-2px)}

/* Active nav highlight */
.nav-item-active{color:var(--mid-blue) !important;font-weight:600}

/* Responsive Hero */
@media (max-width:600px){
  .page-hero{padding:110px 0 48px}
}


/* BD Gallery & Feature Cards */
.bd-feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.bd-feature-card{background:var(--white);border:1px solid var(--gray-light);border-radius:14px;padding:28px 22px;text-align:center;transition:var(--transition)}
.bd-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);border-color:var(--sky-blue)}
.bd-feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;margin:0 auto 16px}
.bd-feature-card h3,.bd-feature-card .bd-feature-title{font-size:1.05rem;color:var(--dark-blue);margin-bottom:8px;font-weight:700;font-family:var(--font-heading);line-height:1.2}
.bd-feature-card p{font-size:0.88rem;color:var(--gray);line-height:1.6;margin:0}
.bd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bd-gallery-item{border-radius:14px;overflow:hidden;position:relative;background:var(--white);border:1px solid var(--gray-light);transition:var(--transition)}
.bd-gallery-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}
.bd-gallery-item img{width:100%;height:220px;object-fit:cover;display:block;transition:transform 0.4s ease}
.bd-gallery-item:hover img{transform:scale(1.05)}
.bd-gallery-caption{padding:14px 16px}
.bd-gallery-caption h4{font-size:0.95rem;color:var(--dark-blue);margin-bottom:3px;font-weight:700}
.bd-gallery-caption span{font-size:0.8rem;color:var(--gray)}
@media (max-width:700px){.bd-feature-cards{grid-template-columns:1fr;max-width:400px}.bd-gallery{grid-template-columns:1fr;max-width:400px;margin:0 auto}.bd-gallery-item img{height:200px}}
