/* =========================================================
   FORCE FIX: leere Visual-Flächen auf Unterseiten befüllen
   Greift auch dann, wenn im HTML nur die alte verschwommene Box steht.
   ========================================================= */

/* Arztpraxen: linke leere/verschwommene Fläche */
body:has(.eyebrow)::before{
  pointer-events:none;
}

.feature-visual.medical,
.page-topic-card,
.kgx-page-visual.medical,
.kgx-old-visual-medical,
.kgx-hard-visual:first-child,
.kgx-final-visual:first-child{
  position:relative!important;
  min-height:430px!important;
  border-radius:30px!important;
  padding:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(13,28,53,.82),rgba(26,64,98,.54))!important;
  border:1px solid rgba(37,212,255,.22)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* vorhandene leere Fläche per CSS mit Inhalt füllen */
.feature-visual.medical:before,
.page-topic-card:before,
.kgx-page-visual.medical:before,
.kgx-old-visual-medical:before,
.kgx-hard-visual:first-child:before,
.kgx-final-visual:first-child:before{
  content:"IT FÜR MEDIZINISCHE EINRICHTUNGEN"!important;
  position:absolute!important;
  left:34px!important;
  top:32px!important;
  right:34px!important;
  color:#c7d8e9!important;
  font-size:.82rem!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
}

.feature-visual.medical:after,
.page-topic-card:after,
.kgx-page-visual.medical:after,
.kgx-old-visual-medical:after,
.kgx-hard-visual:first-child:after,
.kgx-final-visual:first-child:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%)!important;
  width:min(72%,430px)!important;
  height:245px!important;
  border-radius:24px!important;
  z-index:4!important;
  opacity:1!important;
  visibility:visible!important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Crect x='12' y='10' width='96' height='66' rx='10' fill='none' stroke='%2325d4ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 48h20l9-22 18 44 12-28h13' fill='none' stroke='%2325d4ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 18v24M48 30h24' fill='none' stroke='%238e63ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 80h24' fill='none' stroke='%2325d4ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center center / 78% 78% no-repeat,
    rgba(4,12,27,.86)!important;
  border:2px solid #25d4ff!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 18px 50px rgba(0,0,0,.24),
    0 18px 0 -9px rgba(37,212,255,.72)!important;
}

/* Unternehmen: rechte leere/verschwommene Fläche */
.feature-visual.business,
.kgx-page-visual.business,
.kgx-old-visual-business,
.kgx-hard-grid.reverse .kgx-hard-visual,
.kgx-final-page-grid .kgx-final-visual:last-child{
  position:relative!important;
  min-height:430px!important;
  border-radius:30px!important;
  padding:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(13,28,53,.82),rgba(26,64,98,.54))!important;
  border:1px solid rgba(37,212,255,.22)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  opacity:1!important;
  visibility:visible!important;
}

.feature-visual.business:before,
.kgx-page-visual.business:before,
.kgx-old-visual-business:before,
.kgx-hard-grid.reverse .kgx-hard-visual:before,
.kgx-final-page-grid .kgx-final-visual:last-child:before{
  content:"IT FÜR UNTERNEHMEN"!important;
  position:absolute!important;
  left:34px!important;
  top:32px!important;
  right:34px!important;
  color:#c7d8e9!important;
  font-size:.82rem!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
}

.feature-visual.business:after,
.kgx-page-visual.business:after,
.kgx-old-visual-business:after,
.kgx-hard-grid.reverse .kgx-hard-visual:after,
.kgx-final-page-grid .kgx-final-visual:last-child:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%)!important;
  width:min(72%,430px)!important;
  height:245px!important;
  border-radius:24px!important;
  z-index:4!important;
  opacity:1!important;
  visibility:visible!important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Crect x='12' y='10' width='96' height='66' rx='10' fill='none' stroke='%2325d4ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 34h22M30 48h34M76 34h14M76 48h14' fill='none' stroke='%2325d4ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44 28l-12 12 12 12M76 28l12 12-12 12' fill='none' stroke='%238e63ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 80h24' fill='none' stroke='%2325d4ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center center / 78% 78% no-repeat,
    rgba(4,12,27,.86)!important;
  border:2px solid #25d4ff!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 18px 50px rgba(0,0,0,.24),
    0 18px 0 -9px rgba(37,212,255,.72)!important;
}

/* falls alte innere Kindelemente unsichtbar oder falsch liegen */
.feature-visual.medical > *,
.feature-visual.business > *,
.page-topic-card > *,
.kgx-page-visual.medical > *,
.kgx-page-visual.business > *{
  opacity:0!important;
  pointer-events:none!important;
}

/* Mobil */
@media(max-width:1050px){
  .feature-visual.medical,
  .feature-visual.business,
  .page-topic-card,
  .kgx-page-visual.medical,
  .kgx-page-visual.business{
    min-height:330px!important;
  }

  .feature-visual.medical:after,
  .feature-visual.business:after,
  .page-topic-card:after,
  .kgx-page-visual.medical:after,
  .kgx-page-visual.business:after{
    height:205px!important;
  }
}