/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 01 2026 | 23:11:13 */
/* =========================================================
   CrashKiste – HivePress Inserat Formular (Submit)
   Ziel: professionelles Card-Layout + moderne Felder/Buttons
   Scope: nur .hp-form--listing-submit
   ========================================================= */

/* Hintergrund nur auf Submit-Seiten (falls body-Klasse vorhanden) */
body[class*="submit-listing"]{
  background: #f5f7fa;
}

/* Formular als Card */
.hp-form.hp-form--listing-submit{
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e7edf3;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  padding: 26px;
}

/* Allgemeine Feld-Abstände */
.hp-form.hp-form--listing-submit .hp-form__field{
  margin-bottom: 16px;
}

/* Labels */
.hp-form.hp-form--listing-submit .hp-field__label,
.hp-form.hp-form--listing-submit .hp-form__label{
  display: block;
  font-weight: 800;
  font-size: 13px;
  color: #111827;
  margin-bottom: 6px;
}

/* Beschreibung/Hilfetext */
.hp-form.hp-form--listing-submit .hp-field__description,
.hp-form.hp-form--listing-submit small{
  color: #6b7280;
  font-size: 12px;
  margin: 6px 0 8px;
}

/* Inputs / Textarea */
.hp-form.hp-form--listing-submit .hp-field--text,
.hp-form.hp-form--listing-submit .hp-field--number,
.hp-form.hp-form--listing-submit .hp-field--textarea{
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #d7dee7;
  border-radius: 12px;
  background: #ffffff;
}

/* Focus */
.hp-form.hp-form--listing-submit .hp-field--text:focus,
.hp-form.hp-form--listing-submit .hp-field--number:focus,
.hp-form.hp-form--listing-submit .hp-field--textarea:focus{
  outline: none;
  border-color: #2fb34c;
  box-shadow: 0 0 0 3px rgba(47,179,76,.18);
}

/* ----------------------------
   Select2 (deine Select-Felder)
   ---------------------------- */
.hp-form.hp-form--listing-submit .select2-container{
  width: 100% !important;
}

.hp-form.hp-form--listing-submit .select2-container .select2-selection{
  min-height: 46px;
  border: 1px solid #d7dee7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  display: flex;
  align-items: center;
}

.hp-form.hp-form--listing-submit .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding-left: 12px;
  padding-right: 34px;
  line-height: 1.2;
}

.hp-form.hp-form--listing-submit .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 46px;
  right: 10px;
}

/* Multi Select (Schadenart) */
.hp-form.hp-form--listing-submit .select2-container--default .select2-selection--multiple{
  min-height: 46px;
  padding: 6px 10px;
}

.hp-form.hp-form--listing-submit .select2-container--default .select2-selection--multiple .select2-selection__choice{
  border: 0;
  border-radius: 999px;
  padding: 4px 10px;
  margin: 4px 6px 0 0;
  background: #eef2f6;
  color: #111827;
  font-weight: 700;
}

/* ----------------------------
   Upload-Button / Datei-Upload
   ---------------------------- */
.hp-form.hp-form--listing-submit .hp-field--attachment-upload .hp-field--button{
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 800;
  border: 1px dashed #d7dee7;
  background: #f9fbfd;
  cursor: pointer;
}

.hp-form.hp-form--listing-submit .hp-field--file{
  /* Input file ist meist versteckt/klein; wir lassen das so */
}

/* ----------------------------
   Radio (Fahrbereit)
   ---------------------------- */
.hp-form.hp-form--listing-submit .hp-field--radio ul{
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  display: flex;
  gap: 10px;
}

.hp-form.hp-form--listing-submit .hp-field--radio li label{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #d7dee7;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  font-weight: 800;
  color: #111827;
}

.hp-form.hp-form--listing-submit .hp-field--radio input[type="radio"]{
  width: 16px;
  height: 16px;
}

/* ----------------------------
   Footer / Submit Button
   ---------------------------- */
.hp-form.hp-form--listing-submit .hp-form__footer{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #eef2f6;
}

.hp-form.hp-form--listing-submit .hp-form__button.hp-field--submit{
  width: 100%;
  border-radius: 14px;
  padding: 14px 16px;
  font-weight: 900;
  border: 0;
  background: #2fb34c;
  color: #fff;
}

/* Hover */
.hp-form.hp-form--listing-submit .hp-form__button.hp-field--submit:hover{
  filter: brightness(0.95);
}

/* Mobile Feinschliff */
@media (max-width: 768px){
  .hp-form.hp-form--listing-submit{
    padding: 18px;
    border-radius: 14px;
  }
  .hp-form.hp-form--listing-submit .hp-field--radio ul{
    flex-direction: column;
  }
/* ===== Upload Button optisch hochwertiger ===== */
.hp-form.hp-form--listing-submit .hp-field--attachment-upload .hp-field--button{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
}
/* ===== Pflichtfeld-Markierung ===== */
.hp-form.hp-form--listing-submit .hp-form__field [required]{
  border-left: 3px solid rgba(47,179,76,.55);
  padding-left: 10px;
}
/* Hintergrund auf der Formularseite (zuverlässig, weil content-area immer da ist) */
.content-area{
  background: linear-gradient(135deg, #1f2937, #111827);
  padding: 30px 0 70px;
}

/* Titel im dunklen Bereich lesbar machen */
.content-area .hp-page__title{
  color: #ffffff;
}

/* Card stärker hervorheben */
.hp-form.hp-form--listing-submit{
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
}
	.site-main{
  background: transparent !important;
}