/* R104 — truthful hero framing + real Behandlungen photography.
 * The approved doctor source image is not modified. The crop is solved only with CSS.
 */

/* Hero: keep the complete vertical portrait and neutralise the non-practice seating at image right. */
.r90-hero__media{
  background:
    radial-gradient(circle at 74% 31%,rgba(255,255,255,.94) 0 16%,rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#f4f2ed 0%,#e9eef0 48%,#dce7ec 100%)!important;
}
.r104-hero__slide--doctor{
  overflow:hidden!important;
  background:linear-gradient(100deg,#edf0f0 0%,#eef2f2 60%,#e0e9ed 100%)!important;
}
.r104-hero__slide--doctor::before{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(226,176,82,.13) 0 1px,transparent 2px),
    radial-gradient(circle at 88% 18%,transparent 0 68px,rgba(8,44,77,.08) 69px 70px,transparent 71px),
    radial-gradient(circle at 88% 18%,transparent 0 122px,rgba(198,145,49,.11) 123px 124px,transparent 125px),
    linear-gradient(90deg,transparent 0 73%,rgba(255,255,255,.18) 73% 100%)!important;
}
.r90-hero__slide.r104-hero__slide--doctor>img{
  position:absolute!important;
  z-index:1!important;
  inset-block:0!important;
  left:0!important;
  right:auto!important;
  width:auto!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 70%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.36) 77%,transparent 80%)!important;
  mask-image:linear-gradient(to right,#000 0%,#000 70%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.36) 77%,transparent 80%)!important;
}
.r104-hero__slide--doctor::after{
  content:"";
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:36%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(232,238,239,0),rgba(232,238,239,.72) 24%,rgba(229,237,240,.97) 55%,#e3ecef 100%)!important;
}

/* Second slide: approved identity only — no fictitious clinic interior. */
.r104-hero__slide--brand{
  display:grid!important;
  place-items:center!important;
  padding:44px!important;
  background:
    radial-gradient(circle at 15% 88%,rgba(222,168,71,.15) 0 1px,transparent 2px),
    radial-gradient(circle at 15% 88%,transparent 0 110px,rgba(238,194,99,.12) 111px 112px,transparent 113px),
    linear-gradient(135deg,#062843 0%,#0a3a60 62%,#0b466f 100%)!important;
}
.r104-hero__slide--brand::before{
  content:"";
  position:absolute!important;
  inset:28px!important;
  border:1px solid rgba(230,182,88,.3)!important;
  border-radius:30px 30px 88px 30px!important;
  pointer-events:none!important;
}
.r104-hero__slide--brand::after{
  content:"";
  position:absolute!important;
  width:310px!important;
  height:310px!important;
  right:-74px!important;
  top:-92px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(231,183,88,.026)!important;
  pointer-events:none!important;
}
.r104-hero-brand{
  position:relative!important;
  z-index:1!important;
  width:min(560px,82%)!important;
  display:grid!important;
  grid-template-columns:156px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:center!important;
  color:#fff!important;
}
.r90-hero__slide .r104-hero-brand__mark{
  width:156px!important;
  height:156px!important;
  max-width:156px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important;
}
.r104-hero-brand__copy{display:grid!important;gap:8px!important;text-align:left!important}
.r104-hero-brand__copy strong{color:#fff!important;font:400 clamp(34px,3.2vw,52px)/1.02 "DM Serif Display",Georgia,serif!important;letter-spacing:-.025em!important}
.r104-hero-brand__copy strong small{color:#e6b75d!important;font:700 14px/1 "Plus Jakarta Sans",Arial,sans-serif!important;letter-spacing:.02em!important}
.r104-hero-brand__copy span{color:#e9bd68!important;font:800 12px/1.3 "Plus Jakarta Sans",Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.r104-hero-brand__copy i{display:block!important;width:78px!important;height:1px!important;margin:8px 0 4px!important;background:linear-gradient(90deg,#e2ad49,rgba(226,173,73,0))!important}
.r104-hero-brand__copy em{color:#dce8ef!important;font:500 14px/1.5 "Plus Jakarta Sans",Arial,sans-serif!important;font-style:normal!important}

/* Real-photo card focal points. */
body.home .services .service-card>img{object-fit:cover!important}
body.home .services .service-card:nth-child(1)>img{object-position:50% 48%!important}
body.home .services .service-card:nth-child(2)>img{object-position:50% 54%!important}
body.home .services .service-card:nth-child(3)>img{object-position:50% 47%!important}
body.home .services .service-card:nth-child(4)>img{object-position:50% 47%!important}
body.home .services .service-card:nth-child(5)>img{object-position:50% 48%!important}
body.home .services .service-card:nth-child(6)>img{object-position:50% 44%!important}

/* Three fact tiles are deliberately balanced instead of leaving a 2+1 orphan. */
.r90-doctor__facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(max-width:960px){
  .r90-hero__slide.r104-hero__slide--doctor>img{
    left:auto!important;
    right:-2%!important;
    height:100%!important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 7%,#000 15%,#000 69%,rgba(0,0,0,.82) 73%,transparent 79%)!important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 7%,#000 15%,#000 69%,rgba(0,0,0,.82) 73%,transparent 79%)!important;
  }
  .r104-hero__slide--doctor::after{
    left:0!important;
    right:auto!important;
    width:49%!important;
    background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.34) 68%,rgba(255,255,255,0) 100%)!important;
  }
  .r104-hero__slide--brand{padding:38px 24px!important}
  .r104-hero-brand{width:min(500px,78%)!important;grid-template-columns:126px minmax(0,1fr)!important;gap:22px!important;margin-left:auto!important;margin-right:7%!important}
  .r90-hero__slide .r104-hero-brand__mark{width:126px!important;height:126px!important;max-width:126px!important}
  .r104-hero-brand__copy strong{font-size:38px!important}
  .r90-doctor__facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:720px){
  .r90-doctor__facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .r90-doctor__facts article{min-height:92px!important;padding:12px 6px!important}
  .r90-doctor__facts b{font-size:20px!important}
  .r90-doctor__facts span{font-size:8.3px!important}
}

@media(max-width:560px){
  .r90-hero__slide.r104-hero__slide--doctor>img{right:-12%!important}
  .r104-hero__slide--doctor::after{width:53%!important}
  .r104-hero__slide--brand{padding:24px 16px!important}
  .r104-hero__slide--brand::before{inset:16px!important;border-radius:24px 24px 58px 24px!important}
  .r104-hero-brand{width:46%!important;display:block!important;margin-left:auto!important;margin-right:7%!important;text-align:center!important}
  .r90-hero__slide .r104-hero-brand__mark{width:104px!important;height:104px!important;max-width:104px!important;margin:0 auto 14px!important}
  .r104-hero-brand__copy{text-align:center!important;gap:5px!important}
  .r104-hero-brand__copy strong{font-size:25px!important;line-height:1.06!important}
  .r104-hero-brand__copy strong small{display:block!important;margin-top:5px!important;font-size:10px!important}
  .r104-hero-brand__copy span{font-size:8px!important;letter-spacing:.08em!important}
  .r104-hero-brand__copy i{width:54px!important;margin:6px auto 2px!important}
  .r104-hero-brand__copy em{font-size:10px!important}
  .r90-doctor__facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .r90-doctor__facts article{min-height:86px!important;padding:10px 5px!important}
  .r90-doctor__facts b{font-size:18px!important}
  .r90-doctor__facts span{font-size:7.8px!important}
}

html[dir="rtl"] .r104-hero-brand__copy{text-align:right!important;direction:rtl!important}
html[dir="rtl"] .r104-hero-brand__copy span{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] .r104-hero-brand__copy em{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important}
@media(max-width:560px){html[dir="rtl"] .r104-hero-brand__copy{text-align:center!important}}
.r104-hero-brand__copy .r104-hero-brand__meta{display:block!important;color:#e9bd68!important;font:800 12px/1.3 "Plus Jakarta Sans",Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.r104-hero-brand__copy .r104-hero-brand__meta>.r90-lang{color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
.r104-hero-brand__copy em>.r90-lang{color:inherit!important;font:inherit!important}
html[dir="rtl"] .r104-hero-brand__copy .r104-hero-brand__meta{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
@media(max-width:560px){.r104-hero-brand__copy .r104-hero-brand__meta{font-size:8px!important;letter-spacing:.08em!important}}