
/* =========================================================
   ELCHPOWER V5.3.6 – iPad HOME ONLY
   Pointer-coarse tablet layout. Leistungen remains untouched.
   ========================================================= */

@media (hover:none) and (pointer:coarse) and (min-width:700px) and (max-width:1366px) {

  body:has(.v5-home-main) {
    overflow-y:auto !important;
    height:auto !important;
    min-height:100vh !important;
    display:block !important;
  }

  body:has(.v5-home-main) .site-header {
    min-height:92px !important;
    height:92px !important;
    padding:0 28px !important;
  }

  body:has(.v5-home-main) .site-header .brand img {
    width:78px !important;
    height:70px !important;
  }

  body:has(.v5-home-main) .menu-button {
    display:none !important;
  }

  body:has(.v5-home-main) .main-nav {
    display:flex !important;
    position:static !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:18px !important;
    width:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body:has(.v5-home-main) .main-nav a {
    min-height:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    font-size:.76rem !important;
    white-space:nowrap !important;
  }

  body:has(.v5-home-main) .main-nav .nav-contact {
    min-height:38px !important;
    padding:0 14px !important;
  }

  body:has(.v5-home-main) .v5-home-screen {
    height:auto !important;
    min-height:calc(100vh - 92px) !important;
    overflow:visible !important;
  }

  body:has(.v5-home-main) .v5-home-shell {
    width:min(1180px,calc(100% - 34px)) !important;
    min-height:0 !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:minmax(300px,.82fr) minmax(540px,1.18fr) !important;
    gap:34px !important;
    align-items:start !important;
    padding:26px 0 22px !important;
  }

  body:has(.v5-home-main) .v5-home-left {
    max-width:none !important;
    align-self:start !important;
    padding-top:8px;
  }

  body:has(.v5-home-main) .v5-home-left h1 {
    font-size:clamp(2.3rem,4.6vw,3.8rem) !important;
    max-width:9ch !important;
    margin:11px 0 16px !important;
  }

  body:has(.v5-home-main) .v5-home-lead {
    font-size:.86rem !important;
    line-height:1.62 !important;
    max-width:43ch !important;
  }

  body:has(.v5-home-main) .v5-values {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:18px !important;
  }

  body:has(.v5-home-main) .v5-values button {
    width:100% !important;
    padding:8px 10px !important;
    font-size:.69rem !important;
  }

  body:has(.v5-home-main) .v5-value-copy {
    min-height:0 !important;
    margin-top:10px !important;
    font-size:.72rem !important;
    line-height:1.5 !important;
  }

  body:has(.v5-home-main) .v5-home-actions {
    margin-top:18px !important;
    gap:9px !important;
  }

  body:has(.v5-home-main) .v5-primary,
  body:has(.v5-home-main) .v5-secondary {
    min-height:42px !important;
    padding:0 14px !important;
    font-size:.72rem !important;
  }

  /* Right side becomes a two-stage layout:
     selector on top, focus panel below */
  body:has(.v5-home-main) .v5-home-right {
    min-height:0 !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
    gap:10px !important;
    transform:none !important;
  }

  body:has(.v5-home-main) .v5-home-orbit {
    display:none !important;
  }

  body:has(.v5-home-main) .v5-home-nav {
    grid-row:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto !important;
    gap:8px !important;
  }

  body:has(.v5-home-main) .v5-home-card {
    min-height:82px !important;
    padding:11px 12px !important;
    grid-template-columns:22px 1fr auto !important;
    border-radius:12px !important;
  }

  body:has(.v5-home-main) .v5-home-card:nth-child(5) {
    grid-column:1 / -1 !important;
    min-height:70px !important;
  }

  body:has(.v5-home-main) .v5-home-card small {
    font-size:.53rem !important;
  }

  body:has(.v5-home-main) .v5-home-card strong {
    font-size:.72rem !important;
    line-height:1.22 !important;
    margin-top:4px !important;
  }

  body:has(.v5-home-main) .v5-focus {
    min-height:205px !important;
    padding:22px 24px !important;
    border-radius:18px 18px 30px 18px !important;
  }

  body:has(.v5-home-main) .v5-focus-panel h2 {
    margin:10px 0 11px !important;
    font-size:clamp(1.35rem,2.8vw,1.9rem) !important;
    line-height:1.08 !important;
    max-width:15ch !important;
  }

  body:has(.v5-home-main) .v5-focus-panel p {
    font-size:.76rem !important;
    line-height:1.58 !important;
    max-width:55ch !important;
  }

  body:has(.v5-home-main) .v5-focus-panel a {
    margin-top:13px !important;
    font-size:.69rem !important;
  }

  body:has(.v5-home-main) .v5-elchi-anchor {
    padding-top:10px !important;
  }

  body:has(.v5-home-main) .v5-elchi-anchor span {
    font-size:.54rem !important;
  }

  body:has(.v5-home-main) .v5-elchi-anchor p {
    margin-top:3px !important;
    font-size:.65rem !important;
  }

  body:has(.v5-home-main) .v5-home-bottom-inner {
    width:min(1180px,calc(100% - 34px)) !important;
    min-height:48px !important;
    font-size:.62rem !important;
  }

  body:has(.v5-home-main) .ep-master-footer {
    min-height:64px !important;
    height:64px !important;
  }

  body:has(.v5-home-main) .ep-master-footer .ep-master-shell {
    width:min(1180px,calc(100% - 34px)) !important;
  }

  body:has(.v5-home-main) .ep-master-footer-left,
  body:has(.v5-home-main) .ep-master-footer-right {
    gap:12px !important;
  }

  body:has(.v5-home-main) .ep-master-footer-left span,
  body:has(.v5-home-main) .ep-master-footer-left a,
  body:has(.v5-home-main) .ep-master-partner-trigger {
    font-size:.68rem !important;
  }

  body:has(.v5-home-main) .ep-master-footer-right > span {
    font-size:.58rem !important;
  }
}

/* Portrait iPad: stack hero and right experience cleanly */
@media (hover:none) and (pointer:coarse) and (min-width:700px) and (max-width:1000px) and (orientation:portrait) {

  body:has(.v5-home-main) .site-header {
    min-height:108px !important;
    height:108px !important;
  }

  body:has(.v5-home-main) .menu-button {
    display:inline-flex !important;
  }

  body:has(.v5-home-main) .main-nav {
    display:none !important;
  }

  body:has(.v5-home-main) .main-nav.mobile-open {
    display:flex !important;
  }

  body:has(.v5-home-main) .v5-home-shell {
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding-top:32px !important;
  }

  body:has(.v5-home-main) .v5-home-left {
    max-width:680px !important;
  }

  body:has(.v5-home-main) .v5-values {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  body:has(.v5-home-main) .v5-home-nav {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
