/* Heatotec – eigene Tablet-Ansicht (768–1023 px) */
@media (min-width:768px) and (max-width:1023px){
  html,body{width:100%;overflow-x:hidden}
  .container{width:min(92%,920px)}

  /* Kopfbereich */
  .header{height:72px}
  .nav{height:72px}
  .brand-logo{width:190px;max-height:48px}
  .menu-btn{display:flex;flex:0 0 46px;width:46px;height:46px;font-size:24px;background:#f5f8fa;border:1px solid #e4ebef}
  .menu{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:12px max(4%,calc((100vw - 920px)/2));box-shadow:0 12px 28px rgba(10,35,55,.12);flex-direction:column;align-items:stretch;gap:2px;border-top:1px solid #edf0f2}
  .menu.open{display:flex}
  .menu a{padding:14px 12px;font-size:15px;border-radius:7px}
  .menu .nav-cta{text-align:center;margin-top:6px}

  /* Startseite */
  .hero{min-height:560px;background-position:center}
  .hero-overlay{background:linear-gradient(90deg,rgba(6,31,49,.90),rgba(6,31,49,.60) 62%,rgba(6,31,49,.18))}
  .hero-content{padding:100px 0 80px;max-width:680px}
  .hero h1{font-size:48px;max-width:650px}
  .hero p{font-size:17px;max-width:600px}
  .actions .btn{min-height:48px}

  .benefit-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:22px 0}
  .cards{grid-template-columns:repeat(2,1fr);gap:20px}
  .card-img{height:190px}
  .card-body{padding:20px}
  .card p{min-height:0}

  .section{padding:72px 0}
  .section h2{font-size:35px}
  .split-grid{grid-template-columns:1fr 1fr;gap:35px}
  .house-image{min-height:380px}
  .checklist{right:12px;left:12px;bottom:14px;padding:14px 17px}

  .work-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}
  .work-item-wide{grid-column:span 2}
  .partner-row{justify-content:flex-start;gap:22px;font-size:18px}

  .contact{padding:70px 0}
  .contact-grid{grid-template-columns:1fr 1fr;gap:35px}
  .contact h2{font-size:35px}
  .form-row{grid-template-columns:1fr}

  .footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:28px;padding:45px 0}
  .footer-grid>div:last-child{grid-column:auto}

  /* Leistungs-Unterseiten */
  .service-hero{min-height:520px}
  .service-hero-content{padding:105px 0 80px;max-width:680px}
  .service-hero h1{font-size:50px}
  .service-hero p{font-size:18px}
  .feature-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .service-photo,.heating-photo,.energy-photo,.maintenance-photo{min-height:380px}
  .legal-hero{padding:70px 0 60px}
  .legal-hero h1{font-size:45px}
}