#tableSearch { width: 1250px; } h1 { color: #043381; font-size: 32px; } #normaltable { width: 1500px; } #conovertab { margin-left: 0px; width: 1700px; } #cont1{ width:100% } #btn_Auftraege { color: #fff; background-color: #043381; } #btn_Auftraege:hover{ color:#043381; background-color:#fff; } #btn_collapseoptionalparams { color: #043381; background-color: #fff; } btn_collapseoptionalparams:hover { color: #fff; background-color: #043381; } @media (max-width: 558.98px) { #conovertab { margin-left: 0px; width: 315px; overflow-x: auto; } h1 { color: #043381; font-size: 22px; } #tableSearch { width: 50%; } #txt_Absender { width: 250px; padding-right: -2px; padding-left: 60px; } #txt_Empfaenger { width: 250px; padding-right: -2px; padding-left: 60px; } #txt_LKWNr { width: 250px; padding-right: -2px; padding-left: 60px; } #txt_KdNrAuftrag { width: 250px; padding-right: -2px; padding-left: 60px; } .container-fluid { width: 700px; } #cont1 { width: 700px; } #containerseiterand { min-width: 700px; } .flex-fill { width: 700px; } #cont3 { width: 700px; } #cont4 { min-width: 750px; } tbody { font-size: 3.303964757709251vw; height: auto; flex-wrap: wrap; width: fit-content; } #normaltable{ width:100%; } #conovertab { /* max-width:width:150px 11.25em;*/ margin-left: /*14px*/ 3.0837004405286343vw; max-width: /*390px;*/ 85.90308370044053vw; overflow-x: auto; } } @media (min-width: 558.98px) { #txt_Absender { width: 850px; } #txt_Empfaenger { width: 850px; } #txt_LKWNr { width: 850px; } #txt_KdNrAuftrag { width: 850px; } #normaltable { width: 100%; } }