/* Kleine Ansichten: Lesbarkeit, Fingerziele und Platz für Browserleisten. */
@media(max-width:767px){
  body.chat-open{overflow:hidden}
  .hero{padding-top:max(24px,env(safe-area-inset-top))}
  .brand{display:inline-flex;align-items:center;min-height:44px}
  .tracking-card-head{grid-template-columns:minmax(0,1fr) 64px;gap:10px}
  .tracking-truck{width:64px}
  .tracking-stations time,.tracking-stations li span{font-size:12px}
  .tracking-stations li[data-show-id]>.ticket-link{font-size:12px;min-height:44px}
  .tracking-actions{gap:2px 14px;font-size:13px}
  .tracking-actions a{display:inline-flex;align-items:center;gap:5px;min-height:44px}
  .tracking-number{overflow-wrap:anywhere}
  .tour-gig>.gig-time{font-size:13px}
  .gig-info>p{font-size:14px}
  .delivery-item:not(.delivery-item-text)>div{display:contents}
  .delivery-item:not(.delivery-item-text)>.item-number{grid-column:1;grid-row:1}
  .delivery-item:not(.delivery-item-text) h4{grid-column:2;grid-row:1}
  .delivery-item:not(.delivery-item-text)>.item-format{grid-column:3;grid-row:1}
  .delivery-item:not(.delivery-item-text) p,.delivery-item:not(.delivery-item-text) .button{grid-column:1/-1}
  .delivery-item .button{width:100%;max-width:none;font-size:14px}
  .delivery-item .press-text-actions{grid-column:1/-1}
  .delivery-item-text #press-text{grid-column:1/-1}
  .delivery-item p,.delivery-addresses p{font-size:14px}
  .delivery-addresses{column-gap:12px}
  .delivery-addresses>div{min-width:0}
  .delivery-footer{flex-wrap:wrap;gap:8px;font-size:10px}
  .site-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .footer-top nav{gap:4px 24px}
  .footer-top nav a{display:inline-flex;align-items:center;min-height:44px}
  #mobile-menu{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}
  #mobile-menu nav{gap:16px;margin-top:40px}
  #mobile-menu nav>a{font-size:clamp(22px,6.4vw,32px);overflow-wrap:anywhere}
  #mobile-menu nav>.button{font-size:16px;margin-top:16px}
  .chat-launcher{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}
  .service-chat{top:calc(var(--chat-viewport-top,0px) + max(12px,var(--chat-viewport-height,100dvh) - 612px));bottom:auto;height:min(600px,calc(var(--chat-viewport-height,100dvh) - 24px));max-height:calc(var(--chat-viewport-height,100dvh) - 24px)}
  .chat-suggestions button{min-height:44px;font-size:13px}
  .chat-reset{min-height:44px;font-size:11px}
  .chat-header h2{font-size:18px}
}
@media(max-width:359px){
  .section{padding-inline:20px}
  .tracking-card-head{grid-template-columns:minmax(0,1fr) 48px;gap:8px}
  .tracking-truck{width:48px}
  .tracking-heading h2{font-size:18px}
  .delivery-addresses{grid-template-columns:1fr}
  .hotline .display{font-size:42px}
  .service-heading img{width:56px}
}