/* qualitaet.css – Erweiterung zu hersteller.css
   Alle her-* Klassen, silver-stripe, nav, footer → hersteller.css
   Diese Datei: NUR neue Seitenelemente (q-* Klassen) + footer-layer3
   ================================================================ */

.footer-layer3{--footer-bg:#021f30!important;}

/* ── Stats-Leiste ── */
.q-stats{background:linear-gradient(to right,#012a42,#023D60,#012a42)!important;border-bottom:3px solid rgba(255,255,255,.08)!important;}
.q-stats-inner{max-width:1140px!important;margin:0 auto!important;display:flex!important;justify-content:space-around!important;padding:14px 28px!important;flex-wrap:wrap!important;}
.q-stat{text-align:center!important;color:#fff!important;padding:4px 10px!important;}
.q-stat-num{font-size:1.35rem!important;font-weight:700!important;color:#7ecef4!important;line-height:1.1!important;}
.q-stat-lbl{font-size:.7rem!important;color:rgba(255,255,255,.65)!important;margin-top:2px!important;letter-spacing:.02em!important;}

/* ── Jump-Navigation ── */
.q-jumpnav{background:#023D60!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}
.q-jumpnav-inner{max-width:1140px!important;margin:0 auto!important;display:flex!important;gap:4px!important;padding:8px 28px!important;flex-wrap:wrap!important;}
.q-jumpnav-inner a{color:rgba(255,255,255,.78)!important;font-size:.8rem!important;text-decoration:none!important;padding:5px 14px!important;border-radius:20px!important;transition:all .15s!important;white-space:nowrap!important;min-height:34px!important;display:flex!important;align-items:center!important;}
.q-jumpnav-inner a:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;}

/* ── Intro-Band ── */
.q-intro{background:#fff!important;border-bottom:1px solid #dde8ef!important;}
.q-intro-inner{max-width:1140px!important;margin:0 auto!important;padding:36px 28px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:start!important;}
.q-intro-inner h2{font-size:1.1rem!important;font-weight:700!important;color:#023D60!important;border-left:4px solid #1482B4!important;padding-left:12px!important;margin:0 0 13px!important;}
.q-intro-inner p{font-size:.92rem!important;color:#444!important;line-height:1.78!important;margin:0 0 10px!important;}
.q-intro-inner a{color:#1482B4!important;text-decoration:underline!important;}
.q-intro-inner a:hover{color:#cc0000!important;}
.q-cta{margin-top:14px!important;padding:13px 16px!important;background:#eef6fc!important;border-left:3px solid #1482B4!important;border-radius:0 6px 6px 0!important;font-size:.9rem!important;color:#023D60!important;line-height:1.6!important;}
.q-cta strong{display:block!important;margin-bottom:4px!important;}

/* ── Produkt-Sektion ── */
.q-section{max-width:1140px!important;margin:0 auto!important;padding:28px 28px!important;}
.q-lbl{font-size:10.5px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1482B4!important;margin-bottom:4px!important;}
.q-sub{font-size:13px!important;color:#556677!important;font-style:italic!important;margin-bottom:18px!important;}
.q-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;gap:14px!important;}
.q-grid-sm{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(158px,1fr))!important;gap:12px!important;}
.q-card{background:#fff!important;border:1px solid #dde8ef!important;border-radius:7px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;text-decoration:none!important;color:inherit!important;position:relative!important;transition:box-shadow .18s,transform .18s,border-color .18s!important;}
.q-card:hover{box-shadow:0 8px 26px rgba(2,61,96,.14)!important;transform:translateY(-3px)!important;border-color:#1482B4!important;}
.q-card-img{background:#f3f7f9!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:13px!important;height:148px!important;overflow:hidden!important;position:relative!important;}
.q-img{max-height:118px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;transition:transform .3s!important;}
.q-card:hover .q-img{transform:scale(1.07)!important;}
.q-neu{position:absolute!important;top:8px!important;right:8px!important;background:#c62828!important;color:#fff!important;font-size:10px!important;font-weight:700!important;padding:2px 8px!important;border-radius:3px!important;z-index:2!important;}
.q-card-body{padding:10px 12px 12px!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
.q-card-title{font-size:11.5px!important;font-weight:700!important;text-transform:uppercase!important;color:#023D60!important;line-height:1.3!important;transition:color .15s!important;}
.q-card:hover .q-card-title{color:#1482B4!important;}
.q-card-spec{font-size:10.5px!important;color:#556677!important;margin-top:2px!important;line-height:1.45!important;}
.q-card-links{margin-top:auto!important;padding-top:7px!important;border-top:1px solid #dde8ef!important;}
.q-card-link{font-size:10.5px!important;color:#1482B4!important;text-decoration:underline!important;min-height:26px!important;display:flex!important;align-items:center!important;}
.q-card-link:hover{color:#cc0000!important;}

/* ── Zertifikate-Band ── */
.q-cert-band{background:linear-gradient(135deg,#012d48 0%,#023D60 30%,#095A83 60%,#1482B4 100%)!important;color:#fff!important;padding:40px 28px!important;position:relative!important;overflow:hidden!important;}
.q-cert-band::before{content:""!important;position:absolute!important;top:-80px!important;right:-80px!important;width:400px!important;height:400px!important;border-radius:50%!important;background:rgba(20,130,180,.15)!important;pointer-events:none!important;}
.q-cert-inner{max-width:1140px!important;margin:0 auto!important;position:relative!important;z-index:1!important;}
.q-cert-lbl{font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#fff!important;opacity:.9!important;margin-bottom:6px!important;}
.q-cert-h2{font-size:clamp(18px,2.8vw,26px)!important;font-weight:700!important;color:#fff!important;margin-bottom:8px!important;line-height:1.15!important;}
.q-cert-h2 span{background:rgba(255,255,255,.18)!important;padding:2px 10px!important;border-radius:4px!important;font-size:.88em!important;}
.q-cert-sub{color:rgba(255,255,255,.82)!important;font-size:13.5px!important;line-height:1.72!important;max-width:680px!important;margin-bottom:26px!important;}
.q-cert-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:10px!important;}
.q-cert-card{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:5px!important;padding:13px 15px!important;transition:background .18s,border-color .18s!important;}
.q-cert-card:hover{background:rgba(255,255,255,.17)!important;border-color:rgba(255,255,255,.38)!important;}
.q-cert-code{font-size:13.5px!important;font-weight:700!important;letter-spacing:.04em!important;color:#7ecef4!important;margin-bottom:4px!important;}
.q-cert-desc{font-size:12px!important;color:rgba(255,255,255,.8)!important;line-height:1.44!important;}

/* ── HDPE ── */
.q-hdpe{background:#fff!important;border-top:1px solid #dde8ef!important;border-bottom:1px solid #dde8ef!important;}
.q-hdpe-inner{max-width:1140px!important;margin:0 auto!important;padding:40px 28px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:44px!important;align-items:start!important;}
.q-hdpe-inner h2{font-size:18px!important;font-weight:700!important;color:#023D60!important;border-left:4px solid #1482B4!important;padding-left:11px!important;margin-bottom:12px!important;}
.q-hdpe-inner p{font-size:13.5px!important;color:#444!important;line-height:1.78!important;margin:0 0 11px!important;}
.q-hdpe-props{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:4px!important;}
.q-hdpe-prop{background:#f5f8fb!important;border:1px solid #dde8ef!important;border-radius:4px!important;padding:10px 13px!important;}
.q-hdpe-lbl{font-size:9.5px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#1482B4!important;margin-bottom:2px!important;}
.q-hdpe-val{font-size:13px!important;font-weight:600!important;color:#023D60!important;}

/* ── FAQ ── */
.q-faq{background:#f5f8fb!important;padding:40px 28px!important;}
.q-faq-inner{max-width:820px!important;margin:0 auto!important;}
.q-faq-lbl{font-size:10.5px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1482B4!important;margin-bottom:5px!important;text-align:center!important;}
.q-faq-h2{font-size:clamp(17px,2.5vw,22px)!important;font-weight:700!important;color:#023D60!important;text-align:center!important;margin-bottom:24px!important;}
.q-faq-item{background:#fff!important;border:1px solid #dde8ef!important;border-radius:5px!important;margin-bottom:8px!important;overflow:hidden!important;}
.q-faq-q{width:100%!important;background:none!important;border:none!important;text-align:left!important;padding:14px 17px!important;font-size:13.5px!important;font-weight:600!important;color:#023D60!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;font-family:inherit!important;min-height:48px!important;line-height:1.4!important;}
.q-faq-q:hover{background:#eef6fc!important;}
.q-faq-q svg{flex-shrink:0!important;transition:transform .25s!important;color:#1482B4!important;}
.q-faq-a{max-height:0!important;overflow:hidden!important;transition:max-height .35s ease,padding .35s ease!important;padding:0 17px!important;font-size:13.5px!important;color:#444!important;line-height:1.72!important;}
.q-faq-a.open{max-height:400px!important;padding:6px 17px 17px!important;}

/* ── SEO-Block ── */
.q-seo{background:#f8f9fa!important;border-top:2px solid #023D60!important;padding:36px 28px!important;}
.q-seo-inner{max-width:960px!important;margin:0 auto!important;text-align:center!important;}
.q-seo-inner h2{color:#023D60!important;font-size:1rem!important;font-weight:700!important;margin:0 0 10px!important;}
.q-seo-inner p{color:#444!important;font-size:.93rem!important;line-height:1.75!important;margin:0!important;}

/* ── Responsive ── */
@media(max-width:760px){
  .q-intro-inner{grid-template-columns:1fr!important;gap:0!important;padding:24px 16px!important;}
  .q-section{padding:20px 16px!important;}
  .q-grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important;}
  .q-grid-sm{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  .q-cert-band{padding:28px 16px!important;}
  .q-cert-grid{grid-template-columns:1fr 1fr!important;}
  .q-hdpe-inner{grid-template-columns:1fr!important;padding:26px 16px!important;}
  .q-hdpe-props{grid-template-columns:1fr 1fr!important;}
  .q-faq{padding:28px 16px!important;}
  .q-stats-inner{padding:10px 14px!important;}
  .q-stat{flex:0 0 50%!important;}
  .q-jumpnav-inner{padding:6px 10px!important;}
}
@media(min-width:900px){
  .q-cert-grid{grid-template-columns:repeat(4,1fr)!important;}
}