/* Steinreinigung Richter – DB-Richter form typography and success feedback, 2026-10-19.
   The two decorated add-on cards and their iconography are deliberately untouched. */
html body section#kontakt.richter-form-unified #contactForm #contact-form-feedback.sr-status-success {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 12px!important;
  min-height:40px!important;
  border:1px solid #315b33!important;
  border-radius:7px!important;
  background:#193d23!important;
  color:#f5fff2!important;
  -webkit-text-fill-color:#f5fff2!important;
  font:800 12px/1.35 Nunito,Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  margin:9px 0 0!important;
  text-align:left!important;
}
html body section#kontakt.richter-form-unified #contactForm #contact-form-feedback.sr-status-success::before {
  content:"✓"!important;
  display:inline-flex!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  align-items:center!important;
  justify-content:center!important;
  background:#65a30d!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-radius:50%!important;
  font:900 13px/1 Arial,Helvetica,sans-serif!important;
}
html body section#kontakt.richter-form-unified #contactForm #contact-form-feedback.sr-status-error {
  display:block!important;
  background:#42201c!important;
  border:1px solid #8d3e33!important;
  border-radius:7px!important;
  padding:9px 12px!important;
  color:#ffe2dc!important;
  -webkit-text-fill-color:#ffe2dc!important;
  font:700 12px/1.45 Nunito,Arial,sans-serif!important;
  margin:9px 0 0!important;
}
html body section#kontakt.richter-form-unified #contactForm #contact-form-feedback.sr-status-loading {
  display:block!important;
  color:#b6d1da!important;
  font:700 11.5px/1.45 Nunito,Arial,sans-serif!important;
  margin:8px 0 0!important;
  background:transparent!important;
  padding:0!important;
}
/* Desktop form only: match the small type seen on DB Richter,
   rather than shrinking/zooming the entire web page. */
@media(min-width:900px) {
 html body section#kontakt.richter-form-unified .dbr-contact-form-panel h2.dbr-form-sales-title {
   font-size:20.5px!important;
   line-height:1.16!important;
   letter-spacing:-.015em!important;
   margin-bottom:13px!important;
 }
 html body section#kontakt.richter-form-unified #contactForm .dbr-form-field>label,
 html body section#kontakt.richter-form-unified #contactForm .field-heading,
 html body section#kontakt.richter-form-unified #contactForm .dbr-form-field>p.field-heading {
   font-size:11.5px!important;
   line-height:1.4!important;
 }
 html body section#kontakt.richter-form-unified #contactForm .sp-form-category legend {
   font-size:12px!important;
   line-height:1.3!important;
 }
 html body section#kontakt.richter-form-unified #contactForm .sp-req-choice span {
   font-size:11.5px!important;
   line-height:1.4!important;
 }
 html body section#kontakt.richter-form-unified #contactForm input:is([type="text"],[type="email"],[type="tel"]) {
   font-size:11.5px!important;
   line-height:1.3!important;
   height:33px!important;
   min-height:33px!important;
   padding:7px 10px!important;
 }
 html body section#kontakt.richter-form-unified #contactForm .dbr-upload-trigger strong {
   font-size:10px!important;
   line-height:1.25!important;
 }
 html body section#kontakt.richter-form-unified #contactForm .dbr-upload-trigger small {
   font-size:9px!important;
   line-height:1.3!important;
 }
 html body section#kontakt.richter-form-unified #contactForm #dbr-file-list {
   font-size:10px!important;
   line-height:1.35!important;
 }
 html body section#kontakt.richter-form-unified #contactForm .dbr-privacy-ack span {
   font-size:11.3px!important;
   line-height:1.4!important;
 }
 html body section#kontakt.richter-form-unified #contactForm button.dbr-contact-submit {
   font-size:12.2px!important;
   height:33px!important;
   min-height:33px!important;
   line-height:1.3!important;
   padding:6px 12px!important;
 }
}
@media(min-width:900px) {
 html body section#kontakt.richter-form-unified form#contactForm .dbr-form-field>label[for],
 html body section#kontakt.richter-form-unified form#contactForm .dbr-form-field>p.field-heading,
 html body section#kontakt.richter-form-unified form#contactForm .dbr-form-field .field-heading {
   font:600 11.5px/1.4 Nunito,Arial,Helvetica,sans-serif!important;
 }
}
@media(min-width:900px) {
 html body section#kontakt#kontakt.richter-form-unified form#contactForm#contactForm .dbr-form-field>label[for] {
   font:600 11.5px/1.4 Nunito,Arial,Helvetica,sans-serif!important;
 }
}