/* V02: Küchen-V06-Formular als warme, durchscheinende Karte übernehmen. */
:root {
  --ink: #171812;
  --panel: #24231d;
  --paper: #f3e8d5;
  --muted: #d7c6ac;
  --bronze: #c5a273;
  --line: #514735;
}

.site-header { background: var(--ink); }
.home-page .hero .gallery::after,
.landing-minimal .hero .gallery::after {
  background: linear-gradient(90deg, rgba(31,25,17,.82), rgba(26,24,18,.5) 40%, rgba(26,24,18,.08) 77%), linear-gradient(0deg, rgba(26,23,17,.64), transparent 64%);
}
.planning { background: radial-gradient(ellipse at 15% 60%, #74543830, transparent 72%), var(--panel); }
.feature-copy .eyebrow,
.windows .eyebrow,
.about .eyebrow { color: #d2af7d; }
.home-page .contact,
.landing-minimal .contact {
  color: #f3e8d5;
  background-color: #201d17;
  background-image: linear-gradient(105deg, rgba(27,23,17,.91), rgba(35,28,19,.54) 54%, rgba(25,24,19,.48)), url('../img/boehnigk-home/IMG_9549.webp');
  background-size: cover;
  background-position: center 53%;
  border-top: 1px solid #bd986955;
  border-bottom: 1px solid #bd986933;
  padding-block: 86px;
}
.landing-minimal .contact {
  background-image: linear-gradient(105deg, rgba(27,23,17,.94), rgba(35,28,19,.64) 54%, rgba(25,24,19,.58)), url('../img/boehnigk-v2/haustuer-geschlossen.webp');
  background-position: center 48%;
}
.contact .inquiry-layout { grid-template-columns: minmax(0,1fr) minmax(0,520px); gap: clamp(40px,6vw,86px); align-items: start; }
.contact .inquiry-intro { padding-top: 28px; text-shadow: 0 1px 3px #0008; }
.contact .inquiry-intro h2 { font-size: clamp(40px,4.25vw,62px); font-weight: 400; color: #f3e8d5; }
.contact .inquiry-description,
.contact .direct-contact p,
.contact .whatsapp-number,
.contact .form-note,
.contact .contact-choice legend span { color: #f0e1cb; }
.contact .direct-contact { margin-top: 38px; }
body.home-page .contact .whatsapp-link,
body.landing-minimal .contact .whatsapp-link { background: transparent; color: #f3e8d5; border-color: #aa9574; }
body.home-page .contact .whatsapp-link:hover,
body.landing-minimal .contact .whatsapp-link:hover { background: transparent; color: #f3e8d5; border-color: #d2af7d; }
.contact .instagram-link { border-color: #aa9574; }
.contact .instagram-link:hover { color: #f3e8d5; border-color: #d2af7d; }

/* Farben, Durchscheinung und Feldrahmen aus Küchen-V03/V05; Aktionen aus V06. */
.contact .inquiry-form {
  min-width: 0;
  padding: 28px;
  color: #f3e8d5;
  background: linear-gradient(140deg, rgba(39,31,23,.46), rgba(23,24,20,.52));
  border: 1px solid #d1b38b55;
  border-radius: 5px;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  box-shadow: 0 12px 35px #0002;
  text-shadow: 0 1px 3px #0008;
  color-scheme: dark;
}
.form-card-heading { margin-bottom: 24px; }
.form-card-heading .eyebrow { color: #d2af7d; font-size: 10px; letter-spacing: .15em; margin-bottom: 10px; }
.form-card-heading h3 { font-size: 28px; line-height: 1.15; letter-spacing: -.035em; font-weight: 400; color: #f3e8d5; }
.form-card-intro { font-size: 14px; line-height: 1.6; color: #f0e1cb; margin-top: 12px; }
.inquiry-form .form-grid { gap: 16px 14px; }
.inquiry-form .form-field { gap: 6px; }
.inquiry-form .form-field label,
.inquiry-form .contact-choice legend { color: #f3e8d5; font-size: 12px; font-weight: 500; }
.inquiry-form .contact-choice legend { margin-bottom: 12px; }
.inquiry-form .contact-choice legend span { font-size: 12px; }
.inquiry-form .form-field input,
.inquiry-form .form-field textarea,
.inquiry-form .form-field select {
  min-height: 46px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid #aa9574;
  border-radius: 3px;
  background: rgba(25,25,21,.48);
  color: #f3e8d5;
  font: 16px/1.4 Arial,Helvetica,sans-serif;
  box-shadow: none;
}
.inquiry-form .form-field textarea { min-height: 100px; }
.inquiry-form .form-field select option { color: #f3e8d5; background: #28251d; }
.inquiry-form .form-field input::placeholder,
.inquiry-form .form-field textarea::placeholder { color: #c9bba6; }
.inquiry-form .form-field input:focus-visible,
.inquiry-form .form-field select:focus-visible,
.inquiry-form .form-field textarea:focus-visible { border-color: #e3bb81; outline: 2px solid #e3bb81; outline-offset: 2px; }
.inquiry-form .form-field input[type=file] { border: 0; background: transparent; padding: 0; font-size: 12px; }
.inquiry-form input[type=file]::file-selector-button { background: transparent; color: #f3e8d5; border: 1px solid #73776a; border-radius: 0; min-height: 48px; padding: 12px; }
.inquiry-form .optional-details { border-top: 1px solid #d2b08055; border-bottom: 0; padding: 6px 0 0; }
.inquiry-form .optional-details summary { min-height: 48px; font-size: 12px; }
.inquiry-form .optional-label { color: #d7c6ac; }
.inquiry-form .optional-content { gap: 20px; padding-top: 12px; }
.inquiry-form .privacy { color: #eee0cb; font-size: 12px; line-height: 1.6; margin-top: 3px; }
.inquiry-form .privacy input { width: 19px; height: 19px; accent-color: #d2af7d; }
.inquiry-form .privacy a { color: #eee0cb; }
.inquiry-form .form-submit { display: grid; gap: 10px; }
body .contact .inquiry-form .form-submit .button {
  width: 100%;
  min-height: 48px;
  padding: 14px 23px;
  color: #f3e8d5;
  background: transparent;
  border: 1px solid #73776a;
  border-radius: 0;
  text-shadow: none;
}
body .contact .inquiry-form .form-submit .button:hover { color: #f3e8d5; background: transparent; border-color: #d2af7d; }
.inquiry-form .form-note { font-size: 12px; line-height: 1.5; }
.inquiry-form .form-status:not(:empty) { background: #d2af7d1c; color: #f3e8d5; border-color: #d2af7d66; }
.inquiry-form .form-status.error { color: #ffc9b3; }
.preview-note { color: #f0e1cb; font-size: 11px; line-height: 1.5; margin-top: 15px; }
.form-direct-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; }
.form-direct-links a { display: flex; min-width: 0; justify-content: center; align-items: center; min-height: 48px; border: 1px solid #73776a; background: transparent; color: #f3e8d5; padding: 12px 10px; text-align: center; font: 600 12px/1.3 Arial,Helvetica,sans-serif; text-shadow: none; }
.form-direct-links a:first-child { grid-column: 1 / -1; }
.form-direct-links a:hover { color: #f3e8d5; border-color: #d2af7d; }
.form-direct-links a:focus-visible { outline: 2px solid #d2af7d; outline-offset: 4px; }

@media(max-width:900px) {
  .contact .inquiry-layout { grid-template-columns: 1fr; gap: 36px; }
  .contact .inquiry-intro,
  .contact .inquiry-form { width: 100%; max-width: 620px; justify-self: center; }
  .contact .inquiry-intro { padding-top: 0; }
  .home-page .contact,
  .landing-minimal .contact { padding-block: 58px; background-position: 55% center; }
}
@media(max-width:540px) {
  .contact .inquiry-form { padding: 25px 22px; }
  .inquiry-form .form-grid { grid-template-columns: 1fr; }
  .inquiry-form .form-field label,
  .inquiry-form .contact-choice legend { font-size: 13px; }
  .inquiry-form .optional-details summary { font-size: 12px; }
  .contact .inquiry-intro h2 { font-size: 42px; }
}
@media(max-width:360px) {
  .contact .inquiry-form { padding: 23px 16px; }
}