body { font-family: 'Poppins', sans-serif; background: #fafafa; background-image: url(../../images/road.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #fff; overflow-y: clip; overflow-x: clip; } #txt_Pw_WH:invalid { background-color: indianred; border-color: red; color: red; } #txt_Pw_WH:valid { background-color: white; border-color: forestgreen; color: black; } #txt_Pw:invalid + span::before { content: '✖'; color: red; } #txt_Pw:invalid { background-color: indianred; border-color: red; color: red; } #txt_Pw:valid { background-color: white; border-color: forestgreen; color: black; } #txt_Pw:invalid + span::before { content: '✖'; color: red; } #txt_Pw_WH_M:invalid { background-color: indianred; border-color: red; color: red; } #txt_Pw_WH_M:valid { background-color: white; border-color: forestgreen; color: black; } #txt_Pw_M:invalid + span::before { content: '✖'; color: red; } #txt_Pw_M:invalid { background-color: indianred; border-color: red; color: red; } #txt_Pw_M:valid { background-color: white; border-color: forestgreen; color: black; } #txt_Pw_M:invalid + span::before { content: '✖'; color: red; } #tbl_main { font-family: Arial; font-size: 11px; border: 1px solid gray } #content_container { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: 0 auto; margin-top: 0px; } .container-fluid { width: 400px; height: 379px; background-color: rgba(255,255,255,0.5); top: 50%; bottom: auto; left: 15%; right: 520px; margin: auto; } #tbl_main { font-family: Arial; font-size: 11px; border: 1px solid gray; width: 400px; height: 379px; } #lbl_Ueberschrift { background-color: #003680; font-size: 2.55em; color:#fff; } .txt_design { color: #003680; font-size: 18px; } #CustomerID { color: #003680; font-size: 1.320901320901321em; } #lbl_Hinweis { font-size: 1.196em; color: dimgrey; } #btn_submitpw{ background-color:#003680; color:#fff; width:200px; height:35px; }