/* ===========================================================
   INDEX-SHOW - macht alle versteckten Inhalte sichtbar
   Hero-Slider bleibt unberuehrt
   =========================================================== */

/* === ALLES SICHTBAR machen === */
html body .reveal,
html body .reveal-in,
html body section,
html body section.sec,
html body .bento,
html body .bento-card,
html body .berufe,
html body .beruf,
html body .prc,
html body .prc-card,
html body footer,
html body .foot,
html body .sec-eye,
html body .sec-t,
html body .sec-s{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  display:block;
}

/* Grids bleiben Grids */
html body .bento{display:grid!important}
html body .berufe{display:grid!important}
html body .prc{display:grid!important}
html body .foot-grid{display:grid!important}

/* Beruf-Cards interne sichtbar */
html body .beruf{display:block!important;visibility:visible!important;opacity:1!important}
html body .beruf-img{display:block!important;visibility:visible!important;opacity:1!important}
html body .beruf-content{display:block!important;visibility:visible!important;opacity:1!important}

/* Section padding zurueck */
html body section.sec{
  padding:120px 32px!important;
  display:block!important;
  position:relative!important
}

/* Footer sichtbar */
html body footer.foot,html body .foot{
  display:block!important;
  padding:80px 32px 40px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:rgba(7,7,16,.6)!important;
  position:relative!important;
  z-index:2!important
}

/* sec-eye und sec-t Center */
html body .sec-eye{
  display:flex!important;
  align-items:center;justify-content:center;gap:14px;
  font-family:'JetBrains Mono','SF Mono',monospace;
  font-size:11px;color:#00f5ff;
  text-transform:uppercase;letter-spacing:.22em;
  text-align:center;margin-bottom:16px
}
html body .sec-eye::before,html body .sec-eye::after{
  content:"";width:24px;height:1px;background:#00f5ff;display:inline-block
}
html body .sec-t{
  font-family:-apple-system,'SF Pro Display','Inter',sans-serif!important;
  font-weight:800!important;
  font-size:clamp(40px,6vw,84px)!important;
  letter-spacing:-.04em!important;line-height:1!important;
  text-align:center!important;
  margin-bottom:20px!important;
  display:block!important
}
html body .sec-s{
  text-align:center!important;
  color:rgba(245,245,247,.65)!important;
  font-size:18px!important;
  max-width:640px!important;margin:0 auto 80px!important;
  line-height:1.6!important;
  display:block!important
}

/* Bento Grid sicher 4 Spalten */
html body .bento{
  grid-template-columns:repeat(4,1fr)!important;
  gap:20px!important
}

/* Berufe Grid */
html body .berufe{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  gap:24px!important
}

/* Pricing Grid */
html body .prc{
  grid-template-columns:repeat(3,1fr)!important;
  gap:24px!important;
  max-width:1100px!important;
  margin:0 auto!important
}

@media (max-width:980px){
  html body .bento{grid-template-columns:1fr!important}
  html body .berufe{grid-template-columns:1fr!important}
  html body .prc{grid-template-columns:1fr!important}
  html body section.sec{padding:80px 16px!important}
}