#tableSearch { width: 1250px; } h1 { color: #043381; font-size: 32px; } #normaltable { width: 1500px; } #conovertab { margin-left: 0px; width: 1700px; } #cont1{ width:100% } #btn_collapseoptionalparams { color: #043381; background-color: #fff; } btn_collapseoptionalparams:hover { color: #fff; background-color: #043381; } hr{ color:#043381; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #043381; text-align: left; background-color: #fff; border: none; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; height:10px; } #RadioButtonList1 { border: none; } #btn_resetForm { margin-right: 2px; } #Abstand{ height: /*12px*/ 0.936768149882904vh; } #Abstand_lang{ height: /*24px*/ 1.873536299765808vh; } #Abstand_laenger{ height: /*32px*/ 2.498048399687744vh; } .g-3 { border: /*1.8px*/ 0.0706436420722135vw #808080 ridge; margin-left: 12px } #normaltable{ width:100%; } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #043381; background-color: #fff; box-shadow: inset 0 -1px 0 rgba(4, 51, 129,.125); border:none; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); border: none; transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #043381; outline: 0; box-shadow: 0 0 0 .25rem rgba(4, 51, 129,.25) } #btn_resetForm { padding-right:-800px; } #rbt_Erf{ font-size:18px; } @media (max-width: 558.98px) { h1 { color: #043381; font-size: 22px; } #tableSearch { width: 53%; border:1px solid grey; } #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%; } }