/* Digitales Praxislabor (MiM.Lab) – Ergänzungen zu zahnimplantate.css / pzr.css. Stand 03.10.2026 */

/* Vorteile: 4 Karten mit großer Ziffer */
.lab-benefits{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.lab-benefit{background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-md); padding:26px 24px 28px; position:relative;}
.lab-benefit b{display:block; font:500 42px/1 'Fraunces',serif; color:transparent; -webkit-text-stroke:1px var(--num); letter-spacing:-.03em;}
.lab-benefit h3{font-size:22px; margin:14px 0 10px;}
.lab-benefit p{font-size:14.5px; color:var(--dim); line-height:1.6;}
@media (max-width:1000px){ .lab-benefits{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .lab-benefits{grid-template-columns:1fr;} }

/* Schritte: 4 statt 5 Spalten */
.lab-steps{grid-template-columns:repeat(4,1fr);}
@media (max-width:1000px){ .lab-steps{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .lab-steps{grid-template-columns:1fr;} }

/* Großes Bild mit Unterschrift */
.lab-figure{margin-top:28px; border-radius:var(--radius-lg); overflow:hidden; position:relative; background:var(--bg3);}
.lab-figure img{width:100%; display:block; max-height:520px; object-fit:cover; object-position:50% 45%;}
.lab-figure figcaption{position:absolute; left:0; right:0; bottom:0; padding:16px 20px; font:500 12.5px 'Inter',sans-serif; color:rgba(255,255,255,.9); background:linear-gradient(0deg, rgba(28,25,22,.72), rgba(28,25,22,0));}

/* Was im Haus entsteht: Karten, teils verlinkt */
.lab-works{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.lab-work{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-md); padding:22px 22px 24px; text-decoration:none; color:inherit; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
a.lab-work:hover{transform:translateY(-3px); box-shadow:0 18px 34px -22px rgba(42,38,34,.45); border-color:var(--accent);}
.lab-work .tag{font:600 10.5px 'Inter',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--accent);}
.lab-work h3{font-size:21px; margin:10px 0 8px;}
.lab-work p{font-size:14px; color:var(--dim); line-height:1.55; flex:1;}
.lab-work .more{margin-top:14px; font:600 13px 'Inter',sans-serif; color:var(--fg-strong); display:inline-flex; align-items:center; gap:6px;}
.lab-work .more::after{content:"→"; color:var(--accent); transition:transform .25s ease;}
a.lab-work:hover .more::after{transform:translateX(4px);}
@media (max-width:1000px){ .lab-works{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .lab-works{grid-template-columns:1fr;} }

/* Technik: Bild links, Text rechts, als Liste */
.lab-tech{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.lab-tech-item{display:grid; grid-template-columns:96px 1fr; gap:20px; align-items:start; background:var(--card); border:1px solid var(--rule); border-radius:var(--radius-md); padding:22px;}
.lab-tech-item img{width:96px; height:96px; border-radius:18px; object-fit:cover; background:var(--bg3); box-shadow:0 10px 22px -14px rgba(42,38,34,.4);}
.lab-tech-item h3{font-size:21px; margin:2px 0 8px;}
.lab-tech-item p{font-size:14.5px; color:var(--dim); line-height:1.6;}
.lab-tech-item p strong{color:var(--fg-strong); font-weight:600;}
.lab-tech-item p a{color:var(--accent);}
.lab-tech-item:last-child{grid-column:1 / -1;}
@media (max-width:900px){ .lab-tech{grid-template-columns:1fr;} .lab-tech-item:last-child{grid-column:auto;} }
@media (max-width:480px){ .lab-tech-item{grid-template-columns:1fr;} .lab-tech-item img{width:72px; height:72px;} }

/* Team: Platzhalter für das Foto */
.lab-photo-placeholder{display:flex; align-items:center; justify-content:center; text-align:center; border:2px dashed var(--rule) !important; background:repeating-linear-gradient(135deg, var(--bg3) 0 14px, transparent 14px 28px) !important;}
.lab-photo-placeholder > div{display:flex; flex-direction:column; align-items:center; gap:8px; padding:30px;}
.lab-photo-placeholder strong{font:500 26px 'Fraunces',serif; color:var(--fg-strong);}
.lab-photo-placeholder small{font-size:13px; color:var(--dim);}
.lab-team .people span{white-space:nowrap;}
.lab-team h2{margin-top:10px;}

/* Hero: Bild rechts etwas kräftiger */
.lab-hero .imp-hero-bg{filter:saturate(.9);}

/* Mobil: Karten in der Farbwelt der mobilen Seiten */
@media (max-width:640px){
  .lab-benefits,.lab-works,.lab-tech{gap:10px; margin:0;}
  .lab-benefit,.lab-work,.lab-tech-item{padding:16px; border-radius:var(--r, 18px);}
  .lab-benefit b{font-size:32px;}
  .lab-benefit h3,.lab-work h3,.lab-tech-item h3{font-size:19px;}
  .lab-figure{margin-top:14px;} .lab-figure img{max-height:260px;}
  .lab-photo-placeholder{aspect-ratio:4/3;}
}

/* Zwei Bilder nebeneinander unter den Schritten */
.lab-figures{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:28px;}
.lab-figures .lab-figure{margin-top:0;}
.lab-figures .lab-figure img{aspect-ratio:16/10; max-height:none;}
@media (max-width:760px){ .lab-figures{grid-template-columns:1fr; gap:12px; margin-top:14px;} }

/* Galerie: 4 Fotos aus dem Labor */
.lab-gallery{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:28px;}
.lab-gallery figure{position:relative; border-radius:var(--radius-md); overflow:hidden; background:var(--bg3);}
.lab-gallery img{width:100%; aspect-ratio:4/3; object-fit:cover; display:block;}
.lab-gallery figcaption{position:absolute; left:0; right:0; bottom:0; padding:12px 14px; font:500 11.5px 'Inter',sans-serif; color:rgba(255,255,255,.9); background:linear-gradient(0deg, rgba(28,25,22,.72), rgba(28,25,22,0));}
@media (max-width:900px){ .lab-gallery{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){ .lab-gallery{gap:10px; margin-top:14px;} }