/* === FORM STYLES mit Inline-Labels (Placeholders) === */

.psr-form { display:block; }

.psr-form .field {
  display:block;
  margin:16px 0;
}

/* Input- und Textarea-Felder */
.psr-form input,
.psr-form textarea {
  width:100%;
  background:transparent;
  color:#fff;                          /* Text weiß */
  border:2px solid rgba(255,255,255,.65);
  border-radius:10px;
  padding:14px 18px;
  font-size:16px;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}

/* Placeholder = Feldtitel */
.psr-form input::placeholder,
.psr-form textarea::placeholder {
  color:#fff;
  opacity:.85;                         /* leicht transparent */
}

/* Textarea Höhe */
.psr-form textarea {
  min-height:140px;
  resize:vertical;
}

/* Fokus-Effekt */
.psr-form input:focus,
.psr-form textarea:focus {
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.25);
}

/* Button (gelb, groß, fett) */
.psr-form .btn {
  display:block;
  width:100%;
  background:#fff200;
  color:#0f172a;
  border:0;
  padding:18px 20px;
  border-radius:6px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .1s ease, box-shadow .1s ease, filter .1s ease;
}

.psr-form .btn:hover {
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  filter:brightness(1.02);
}

/* Hinweistext */
.psr-form .form-note {
  margin:14px 2px 0;
  font-size:14px;
  color:#fff;
  opacity:.9;
}
/* Schwarze Schrift / Platzhalter nur für psr-form-dark */
.psr-form-dark input,
.psr-form-dark textarea {
  color:#0f172a; /* fast schwarz */
  border:2px solid #ccc;
  background:#fff; /* weißer Hintergrund */
}

.psr-form-dark input::placeholder,
.psr-form-dark textarea::placeholder {
  color:#475569; /* dunkelgrau für Placeholder */
  opacity:0.9;
}

.psr-form-dark .btn {
  background:#1683ff;   /* CI-Blau */
  color:#fff;           /* weiße Schrift */
}
.psr-form-dark .btn:hover {
  filter:brightness(1.1);
}
.psr-form-dark .form-note {
  color:#0f172a;
}