/* Zubehör & Regelungstechnik – optisch an Produktseiten angepasst */
.zube-hero{overflow:hidden}
.zube-hero-grid{align-items:center}
.zube-hero-image{display:flex;align-items:center;justify-content:center;min-height:320px}
.zube-hero-image img{width:100%;max-width:560px;max-height:420px;object-fit:contain;border-radius:18px}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.zube-section{padding:76px 0;background:#fff}
.zube-section.alt{background:linear-gradient(135deg,#eaf7fc,#ffffff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zube-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zube-card{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:28px;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(16,41,55,.08);border:1px solid rgba(20,68,84,.08)}
.zube-card h2{margin:0;color:var(--text);font-size:24px;line-height:1.18}

.zube-card-title-link{color:var(--text);text-decoration:none}
.zube-card-title-link:visited{color:var(--text)}
.zube-card-title-link:hover,.zube-card-title-link:focus{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.zube-card p{margin:0;color:#57666f;line-height:1.65}
.zube-card .tag{display:inline-block;align-self:flex-start;margin:0 0 2px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:700;font-size:12px}
.zube-card .text-link{margin-top:auto;font-weight:700;color:var(--text);text-decoration:none}
.zube-card .text-link:hover,.zube-card .text-link:focus{text-decoration:underline}
.zube-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zube-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}
.zube-panel h2{margin:8px 0 14px;color:var(--text);font-size:32px;line-height:1.15}
.zube-panel p{color:#4d5e68}
.zube-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.zube-list li{padding:12px 14px;background:var(--accent-soft);border-radius:14px;color:var(--accent-dark);font-weight:700}
.zube-cta{background:linear-gradient(160deg,#ffffff,#eef8fd);border:1px solid #cae8f3;border-radius:28px;padding:36px;display:flex;gap:28px;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}
.zube-cta h2{margin:8px 0 0;color:var(--text)}
.zube-cta p{color:#4d5e68;line-height:1.6}
.zube-cta .btn{white-space:nowrap}
@media(max-width:1000px){.zube-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zube-info{grid-template-columns:1fr}.zube-cta{align-items:flex-start;flex-direction:column}.zube-hero-image{min-height:260px}}
@media(max-width:680px){.zube-grid{grid-template-columns:1fr}.zube-section{padding:52px 0}.zube-card{min-height:auto;padding:22px}.zube-cta{padding:28px}.zube-hero-image{min-height:220px}}


/* V23: heller Hero statt dunkelblauer Fläche */
.zube-hero{
  background:linear-gradient(135deg,#eaf7fc,#ffffff)!important;
  color:var(--text);
  border-bottom:1px solid var(--line);
}
.zube-hero .eyebrow{color:var(--accent-dark)}
.zube-hero h1{color:var(--text)}
.zube-hero p{color:#4d5e68}
.zube-hero .btn-secondary{background:#fff}
