/* BIZON Leistungsseiten – gemeinsamer Test-Designstandard 19.
   Nur mit der bereits hochgeladenen bizon-test17.css verwenden.
   Keine Auswirkungen auf die Live-Website. */
.leistung-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#697a87;font-size:13px;padding-top:28px}
.leistung-breadcrumb a{color:#526576;text-decoration:none}
.leistung-breadcrumb a:hover{color:var(--orange)}
.leistung-breadcrumb span[aria-hidden]{color:#9daab4}
.leistung-hero{padding:76px 0 68px;overflow:hidden}
.leistung-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(40px,5.2vw,95px);align-items:center}
.leistung-hero-content{min-width:0}
.leistung-hero h1{max-width:880px;overflow-wrap:break-word;hyphens:auto}
.leistung-hero h1 span{color:var(--navy)}
.leistung-hero .lead{margin-top:30px;max-width:595px}
.leistung-hero-photo{margin:0;background:#e1e8eb;border-radius:38px 38px 112px 38px;overflow:hidden;min-height:300px;display:grid;place-items:center}
.leistung-hero-photo img{display:block;width:100%;height:auto;max-height:615px;object-fit:contain}
.leistung-photo-caption{font-size:12px;color:#788592;margin:11px 0 0;text-align:right}
.leistung-section--tint{background:#edf1f3}
.leistung-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(35px,6vw,110px);align-items:start}
.leistung-heading,.leistung-intro h2{font-size:clamp(38px,4.6vw,69px);line-height:1.1;letter-spacing:-.057em;font-weight:790;margin:0}
.leistung-body{font-size:17px;line-height:1.78;color:var(--muted);max-width:650px}
.leistung-body p{margin:0 0 23px}
.leistung-body p:last-child{margin-bottom:0}
.leistung-steps{margin-top:49px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cad5dc;border-bottom:1px solid #cad5dc}
.leistung-step{padding:26px 27px 27px 0;min-width:0}
.leistung-step:not(:first-child){padding-left:25px;border-left:1px solid #d4dce2}
.leistung-step .number{display:block;color:var(--orange);font-size:13px;font-weight:800;margin-bottom:26px}
.leistung-step h3{font-size:21px;line-height:1.25;letter-spacing:-.026em;margin:0 0 10px}
.leistung-step p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.leistung-special{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(40px,8vw,155px);align-items:center}
.leistung-special .leistung-heading{max-width:650px}
.leistung-special .leistung-body{max-width:640px}
.leistung-rule{border-top:1px solid #cdd8df;margin:25px 0 0;padding-top:17px;color:#556676;font-size:14px;line-height:1.65}
.leistung-redirect{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:start}
.leistung-related{border-top:1px solid #cad5dc}
.leistung-related a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 6px;border-bottom:1px solid #cad5dc;font-size:21px;font-weight:720;letter-spacing:-.025em}
.leistung-related a span:last-child{color:var(--orange);font-size:24px;font-weight:400}
.leistung-related a:hover{color:var(--orange)}
.leistung-faq{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:60px}
.leistung-faq details{border-top:1px solid #cad5dc}
.leistung-faq details:last-child{border-bottom:1px solid #cad5dc}
.leistung-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:23px 0;font-weight:720;font-size:17px}
.leistung-faq summary::-webkit-details-marker{display:none}
.leistung-faq summary::after{content:'+';font-weight:400;font-size:25px;color:var(--orange)}
.leistung-faq details[open] summary::after{content:'−'}
.leistung-faq details p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 24px}
.leistung-cta{background:#eaf0f1;color:var(--deep);padding:90px 0}
.leistung-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px}
.leistung-cta .leistung-heading{font-size:clamp(38px,4.6vw,69px)}
.leistung-cta p:not(.section-kicker){font-size:16px;color:var(--muted);line-height:1.7;max-width:690px;margin:21px 0 0}
.leistung-cta-links{display:flex;flex-direction:column;gap:19px;align-items:flex-start}
.leistung-cta-links .leistung-phone{font-weight:740;font-size:18px;color:var(--navy)}
.leistung-cta-links .leistung-phone:hover{color:var(--orange)}
@media(max-width:1050px){
 .leistung-hero-grid{grid-template-columns:1fr 1fr;gap:40px}
 .leistung-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .leistung-step{border-bottom:1px solid #d4dce2}
 .leistung-step:nth-child(3){border-left:0}
 .leistung-step:nth-child(2n){border-left:1px solid #d4dce2}
}
@media(max-width:800px){
 .leistung-hero-grid,.leistung-intro,.leistung-special,.leistung-redirect,.leistung-faq,.leistung-cta-grid{grid-template-columns:1fr;gap:27px}
 .leistung-hero{padding:45px 0 65px}
 .leistung-hero-photo img{max-height:460px}
 .leistung-special{gap:21px}
 .leistung-cta{padding:70px 0}
 .leistung-cta-links{gap:13px}
 .leistung-breadcrumb{padding-top:20px}
}
@media(max-width:640px){
 .leistung-hero h1{font-size:clamp(35px,9.7vw,48px)}
 .leistung-hero .lead{font-size:16px}
 .leistung-hero-photo{min-height:220px;border-radius:24px 24px 65px 24px}
 .leistung-intro h2,.leistung-heading,.leistung-cta .leistung-heading{font-size:clamp(36px,9vw,50px)}
 .leistung-steps{grid-template-columns:1fr;margin-top:25px}
 .leistung-step,.leistung-step:not(:first-child),.leistung-step:nth-child(2n){padding:19px 0 22px;border-left:0;border-bottom:1px solid #d4dce2}
 .leistung-step:last-child{border-bottom:0}
 .leistung-step .number{margin-bottom:11px}
 .leistung-step h3{font-size:19px}
 .leistung-related a{font-size:18px}
 .leistung-cta-links .leistung-phone{font-size:17px}
 .leistung-cta{padding-bottom:105px}
}


/* BIZON TEST 27: Bildfreie, ruhige und einheitliche Einstiege aller 6 Leistungsseiten. */
.leistung-hero--text-only {
  padding: clamp(65px, 7vw, 100px) 0 clamp(75px, 8vw, 115px);
}
.leistung-hero--text-only .leistung-hero-grid {
  display: block;
  max-width: 1330px;
}
.leistung-hero--text-only .leistung-hero-content {
  max-width: 1100px;
}
.leistung-hero--text-only h1 {
  max-width: 1100px;
  margin: 0;
  font-size: clamp(49px, 6vw, 84px);
  line-height: 1.045;
  overflow-wrap: break-word;
}
.leistung-hero--text-only .lead {
  max-width: 770px;
  margin-top: 32px;
}
.leistung-hero--text-only .actions {
  margin-top: 34px;
}
.leistung-hero--text-only .modern-long-title {
  font-size: clamp(43px, 5.5vw, 77px);
  overflow-wrap: anywhere;
  hyphens: auto;
}
@media (max-width: 800px) {
  .leistung-hero--text-only {padding: 55px 0 70px;}
  .leistung-hero--text-only h1 {font-size: clamp(44px, 7.6vw, 65px);}
}
@media (max-width: 640px) {
  .leistung-hero--text-only {padding: 43px 0 64px;}
  .leistung-hero--text-only h1 {font-size: clamp(34px, 9.2vw, 49px);}
  .leistung-hero--text-only .modern-long-title {font-size: clamp(33px, 8.7vw, 46px);}
  .leistung-hero--text-only .lead {margin-top: 25px;}
  .leistung-hero--text-only .actions {margin-top: 24px;}
}