/* =========================================================
   ELBETAL PATCH V7: Hauptkategorien exakt auf Digitalprodukte-Kopfbereich angleichen
   Betrifft vor allem fotografie.html, digitaldruck.html, werbetechnik.html.
   Ziel: gleiche Headline-Typografie, gleicher Navy-Premium-Hero, gleiche Buttons/Trustbar/Panel-Anmutung wie digitalprodukte.html.
   ========================================================= */
.ef-maincat-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 10% 10%,rgba(215,168,79,.28),transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.10),transparent 26%),
    linear-gradient(135deg,#061126 0%,#092b5d 54%,#07142d 100%) !important;
  color:#fff !important;
  padding:118px 0 86px !important;
  isolation:isolate !important;
}
.ef-maincat-wrap:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  height:auto !important;
  background:
    linear-gradient(90deg,rgba(7,20,45,.55),transparent 52%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.ef-maincat-wrap:after{
  display:none !important;
}
.ef-maincat-inner{
  position:relative !important;
  z-index:1 !important;
  width:min(1170px, calc(100% - 30px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.18fr .82fr !important;
  gap:42px !important;
  align-items:center !important;
}
.ef-maincat-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  background:rgba(215,168,79,.14) !important;
  border:1px solid rgba(215,168,79,.45) !important;
  color:#ffe1a0 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}
.ef-maincat-kicker:before{
  display:none !important;
}
.ef-maincat-wrap .ef-maincat-title,
.ef-maincat-fotografie .ef-maincat-title{
  font-family:inherit !important;
  font-size:clamp(40px,6vw,82px) !important;
  line-height:.96 !important;
  margin:24px 0 20px !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
  text-transform:none !important;
  max-width:1050px !important;
  color:#fff !important;
  background:linear-gradient(90deg,#ffffff 0%,#fff4c8 22%,#ffd36b 43%,#8ee7ff 62%,#ff8fd8 78%,#ffffff 100%) !important;
  background-size:100% 100% !important;
  background-position:50% 50% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:none !important;
  text-shadow:0 22px 70px rgba(0,0,0,.28) !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:auto !important;
  text-rendering:geometricPrecision !important;
  -webkit-font-smoothing:antialiased !important;
}
/* Fotografie bekommt ab V7 bewusst denselben Regenbogen-Look wie Digitalprodukte, nicht mehr den abweichenden Foto-Maskenstil. */
.ef-maincat-fotografie .ef-maincat-title{
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;
}
.ef-maincat-lead{
  font-size:clamp(18px,2.1vw,23px) !important;
  line-height:1.55 !important;
  color:#dce8ff !important;
  max-width:950px !important;
  margin:0 !important;
  text-shadow:none !important;
}
.ef-maincat-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin:34px 0 !important;
}
.ef-maincat-btn{
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:0 !important;
  border-radius:999px !important;
  padding:15px 24px !important;
  text-decoration:none !important;
  font-weight:950 !important;
  font-size:16px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  border:1px solid transparent !important;
  transition:.18s ease !important;
  box-shadow:none !important;
  line-height:1.2 !important;
}
.ef-maincat-btn:hover,
.ef-maincat-btn:focus{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
  text-decoration:none !important;
}
.ef-maincat-btn.primary,
.ef-maincat-actions .ef-maincat-btn.primary{
  background:#d7a84f !important;
  color:#07142d !important;
  text-shadow:none !important;
}
.ef-maincat-btn.ghost{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
.ef-maincat-trustbar{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:26px !important;
}
.ef-maincat-trustbar span{
  border-radius:16px !important;
  padding:14px 15px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  font-weight:800 !important;
  color:#fff !important;
  box-shadow:none !important;
  line-height:1.25 !important;
}
.ef-maincat-panel{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
  border-radius:30px !important;
  padding:28px !important;
  box-shadow:0 34px 100px rgba(0,0,0,.25), inset 0 0 0 1px rgba(215,168,79,.18) !important;
  color:#fff !important;
}
.ef-maincat-panel:before{
  display:none !important;
}
.ef-maincat-panel-top{
  font-weight:950 !important;
  color:#ffe1a0 !important;
  margin-bottom:18px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-size:12px !important;
}
.ef-maincat-value-stack{
  display:grid !important;
  gap:12px !important;
}
.ef-maincat-value-stack div{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  padding:16px !important;
  box-shadow:none !important;
}
.ef-maincat-value-stack b{
  display:block !important;
  font-size:32px !important;
  line-height:1.05 !important;
  color:#fff !important;
  margin:0 0 4px !important;
}
.ef-maincat-value-stack span{
  display:block !important;
  color:#dce8ff !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
.ef-maincat-panel-note{
  color:#e7efff !important;
  line-height:1.6 !important;
  margin:20px 0 0 !important;
  font-size:16px !important;
}
@media(max-width:1100px){
  .ef-maincat-inner{grid-template-columns:1fr !important;}
  .ef-maincat-trustbar{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:720px){
  .ef-maincat-wrap{padding:86px 0 62px !important;}
  .ef-maincat-inner{width:min(100% - 28px, 1170px) !important;}
  .ef-maincat-wrap .ef-maincat-title,
  .ef-maincat-fotografie .ef-maincat-title{
    -webkit-text-fill-color:#fff !important;
    background:none !important;
    color:#fff !important;
    font-size:36px !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
    text-shadow:0 16px 42px rgba(0,0,0,.28) !important;
  }
  .ef-maincat-lead{font-size:18px !important;}
  .ef-maincat-actions{flex-direction:column !important;}
  .ef-maincat-btn{width:100% !important;}
  .ef-maincat-trustbar{grid-template-columns:1fr !important;}
  .ef-maincat-panel{border-radius:24px !important;}
}