@media screen and (max-width: 1000px) {
  .externalcnt { width: 80%; }
}

@media screen and (max-width: 730px) {
  .externalcnt div.boxSummary span.moreThanZero { display: block; }
}

@media screen and (max-width: 680px) {
  .externalcnt div.boxSummary span.moreThanZero { display: unset; }
  .externalcnt div.boxSummary { text-align: center; display: block; float: unset; }
  .externalcnt h1.kundenName { text-align: center; display: block; }
  .externalcnt span.kundenInfo { text-align: center; }
  .externalcnt span.kundenInfo:last-of-type { margin-bottom: 20px; }
}


@media screen and (max-width: 654px) {
  .externalcnt { width: auto; margin: 0 5px; padding: 35px 5px; margin-bottom: 20px;}
  .externalcnt table th { font-size: 11px; }
  .externalcnt table td { font-size: 11px; }
  #main .inside { padding: 0; }
  body.external .logoext { padding-left: 50px; padding-right: 50px; }
}