--> .divbild { position: absolute; height:3em; width:3em; cursor:pointer; overflow: hidden; background-color: #2f5cb6; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; transition:width 2s; resize:both; } .divbild:hover{filter:sepia(50%);} .tltext { height:30%; width:100%; color: white; overflow:hidden; font-size:11px;} .bild { height:60%; width:90%; border-radius:20px 20px 20px 20px;} .bild:hover{filter:sepia(50%);} .dtrbildr {height:1.8em; width:1.8em; float:right; display:block; border-radius:50px;cursor:pointer; margin-left:10px;} .dtrbildr:hover {filter:sepia(50%);} .cnolog{ display: grid; grid-gap: 1px; z-index: 9; top:1px; left:1px; background-color: #4CAF50; color:white; width:100%; height:100%; position: fixed; text-align:center; grid-template-columns: [col1-start] 100px [col2-start] repeat(9, 1fr) [col3-start] 210px [col4-end]; grid-template-rows: [row1-start] 6em [row2-start] 5em [row3-start] 40em [row4-start] auto [row4-end]; } @media only screen and (max-width: 370px){ .dtrbildr {height:1em; width:1em; float:right; display:block; border-radius:50px;cursor:pointer; margin-left:10px;} .dtrbildr:hover {filter:sepia(50%);} } function formlogin(usernr,usermobil,userpwd,usercheck) { //alert("Favorite weird creature: "+getRadioButtonValue(document.myform['whichThing']))); alert("formlogin: " + usernr + " " + usermobil + " " + userpwd + " " + usercheck); obj = {"hostname":window.location.hostname,"firma":xfirma,"user":xuser,"usernr":xusernr,"aktion":"loginform","datei":"s_user","table":"","betrifft":"","useraend":"useraend","user_email":"","user_ref":""}; obj['usernr'] = usernr; obj['user_mobil'] = usermobil; obj['user_check'] = usercheck; schreiben(); //event.preventDefault(); // disable normal form submit behavior return false; // prevent further bubbling of event } */