/* Standalone contact form skin (pairs with antid0te-pro.css) */

body{
  background: var(--ant-bg);
}

/* Center the form like a page */
form{
  max-width: 920px;
  margin: 24px auto;
  padding: 0 14px;
}

/* Card-like table */
#contactform{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid var(--ant-border);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
  overflow: hidden;
}

#contactform td{
  padding: 12px 14px;
  vertical-align: top;
  border-top: 1px solid rgba(15,23,42,.08);
}
#contactform tr:first-child td{ border-top: 0; }

#contactform td:first-child{
  width: 220px;
  color: var(--ant-muted);
  font-weight: 600;
  white-space: nowrap;
}

/* Inputs */
#contactform input[type="text"],
#contactform textarea{
  width: 100% !important;      /* override inline widths */
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 12px;
  background: #fff;
  color: var(--ant-text);
  font-size: 15px;
  line-height: 1.3;
  outline: none;
}

#contactform textarea{
  min-height: 220px;
  resize: vertical;
}

#contactform input[type="text"]:focus,
#contactform textarea:focus{
  border-color: rgba(215,38,61,.55);
  box-shadow: 0 0 0 4px rgba(215,38,61,.12);
}

/* Submit */
#contactform input[type="submit"]{
  border: 1px solid var(--ant-accent);
  background: var(--ant-accent);
  color: #fff;
  font-weight: 800;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
}
#contactform input[type="submit"]:hover{
  background: #B61F33;
  border-color: #B61F33;
}

/* PLZ + city line */
#contactform td input[name="plz"]{
  width: 120px !important;
  margin-right: 10px;
}
#contactform td input[name="ort"]{
  width: calc(100% - 130px) !important;
}

/* Mobile: stack label above field */
@media (max-width: 720px){
  #contactform td{
    display: block;
    width: 100% !important;
    border-top: 0;
  }
  #contactform tr{
    display: block;
    border-top: 1px solid rgba(15,23,42,.08);
  }
  #contactform tr:first-child{ border-top: 0; }
  #contactform td:first-child{
    padding-bottom: 6px;
    white-space: normal;
  }
  #contactform td input[name="plz"],
  #contactform td input[name="ort"]{
    width: 100% !important;
    margin: 0 0 10px 0;
  }
}