#randomfield { 
    /*
    #randomfield is the ID of the Captcha box
    */
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*
    user-select: none; makes the text field un-selectable (you wouldn't want the user to simply copy-paste the Captcha, would you?)
    Also this shouldn't be confused with the "disabled" attribute written for this input field in the HTML code
    */ 
    
    width: 200px;
    color: black;
    /*border-color: black;*/
    border: 1px solid #cfd9db;
    text-align: center;
    font-size: 26px;
    padding: 5px;
    
    /* Change the URL to the picture you would want as the background of the text field 
    background-image: url('https://4.bp.blogspot.com/-EEMSa_GTgIo/UpAgBQaE6-I/AAAAAAAACUE/jdcxZVXelzA/s1600/ca.png');*/
    background-image: url('https://wildenhofundscholz.de/image/back4.png');
    /*opacity: 0.6;*/

    
}

  .captcha {
    float: left;
    padding: 20px;
  }

  .captcharead {
    /*cursor: pointer;*/
        /*
    #randomfield is the ID of the Captcha box
    */
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*
    user-select: none; makes the text field un-selectable (you wouldn't want the user to simply copy-paste the Captcha, would you?)
    Also this shouldn't be confused with the "disabled" attribute written for this input field in the HTML code
    */ 
    
    width: 200px;
    color: black;
    /*border-color: black;*/
    /*border: 1px solid #cfd9db;*/
    text-align: center;
    font-size: 28px;
    margin: 0px;
    padding: 3px;
    
    
    /* Change the URL to the picture you would want as the background of the text field 
    background-image: url('https://4.bp.blogspot.com/-EEMSa_GTgIo/UpAgBQaE6-I/AAAAAAAACUE/jdcxZVXelzA/s1600/ca.png');*/
    background-image: url('https://wildenhofundscholz.de/image/back4.png');
    /*opacity: 0.6;*/
    border: 1px solid #cfd9db;
    border-radius: 0.25em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  }

  .captchatxt {
    text-align: center;
    padding: 12px;
    border: 1px solid #cfd9db;
    background-color: #ffffff;
    border-radius: 0.25em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  }

.captchadone {
    border: none;
    background: #2c3e50;
    border-radius: 0.25em;
    padding: 13px 20px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}