.contact-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:70px;padding-block:40px 55px}
.contact-intro h1{font-size:clamp(36px,3.8vw,50px)}
.contact-intro .intro{font-size:16px;margin:23px 0 27px;max-width:560px}
.contact-direct{padding:30px;background:#f0f3f1;border:1px solid #cbd3ce;border-radius:5px}
.contact-direct h2{font-size:25px}
.contact-phone{display:block;font-size:29px;font-weight:700;margin:22px 0 7px}
.contact-email{font-size:16px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.contact-direct>p:not(.eyebrow){font-size:13px;color:#4c5751;margin:22px 0 15px}
.contact-request-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:35px;align-items:start}
#request-form{background:#fff;padding:32px;border:1px solid #cbd3ce;border-radius:5px;min-width:0}
.contact-preview-note{border-left:3px solid var(--red);padding-left:14px;font-size:12px;color:#4c5751;margin:0 0 30px}
#request-form fieldset{border:0;margin:0 0 28px;padding:0;min-width:0}
#request-form legend{font-size:21px;line-height:1.4;font-weight:700;padding:0 0 22px;width:100%}
#request-form legend span{font-size:12px;color:var(--red);margin-right:9px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-size:14px;font-weight:600}
.field label>span{color:var(--red)}
.field input,.field select,.field textarea{font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid #9aa69e;border-radius:3px;width:100%;min-width:0;padding:12px;min-height:46px}
.field textarea{resize:vertical;line-height:1.6}
.field input[type=file]{font-size:13px;padding:10px;background:#f6f7f6}
.field input[type=file]::file-selector-button{font:inherit;background:#e9edeb;color:var(--ink);border:1px solid #aebcb3;border-radius:3px;padding:8px 10px;margin-right:8px;cursor:pointer}
.field :is(input,select,textarea):focus-visible{outline:2px solid var(--red);outline-offset:2px}
.field [aria-invalid=true]{border-color:var(--red);background:#fff9f9}
.field small{font-size:12px;color:var(--muted);line-height:1.5}
.field-error{font-size:12px;color:#991828}
.field-error:empty{display:none}
.contact-submit{padding-top:20px;border-top:1px solid var(--line)}
.contact-submit p{font-size:12px;color:var(--muted);margin-bottom:12px}
.contact-submit p a{text-decoration:underline;text-underline-offset:3px}
.contact-submit .button{margin-top:8px}
.contact-submit .button:disabled{opacity:.5;cursor:not-allowed}
.contact-result{display:block;font-size:14px;margin-top:20px;line-height:1.6}
.contact-result:empty{display:none}
.contact-result.is-error{border-left:3px solid var(--red);padding:12px 15px;background:#fff4f4;color:#8b1726}
.contact-result.is-success{border-left:3px solid #326847;padding:15px;background:#edf5ef;color:#234b33}
.contact-guide{padding:28px;border:1px solid #cbd3ce;border-radius:5px;background:#e9edeb}
.contact-guide h3{font-size:23px;line-height:1.3}
.contact-guide ul,.contact-guide ol{padding-left:20px;margin:20px 0;color:#4c5751;font-size:14px}
.contact-guide li{padding-bottom:12px}
.contact-guide>p{font-size:13px;color:#4c5751;margin-bottom:18px}
.contact-guide .text-link{font-size:13px}
.contact-guide-next{border-top:1px solid #bbc7bf;padding-top:25px;margin-top:26px}
.contact-guide-next h3{font-size:18px}
.contact-guide-next ol{margin-bottom:0}
.contact-location{display:grid;grid-template-columns:1.25fr 1fr;gap:70px}
.contact-location>div>p:not(.eyebrow){font-size:15px;color:#4c5751;margin-top:22px}
.contact-address{border-left:1px solid #cbd3ce;padding-left:32px}
.contact-address address{font-style:normal;font-size:15px;margin-bottom:18px}
.contact-address .text-link{display:flex;font-size:14px;margin-top:14px;overflow-wrap:anywhere}
@media(max-width:1000px){.contact-intro,.contact-location{gap:35px}.contact-request-grid{grid-template-columns:1.55fr 1fr;gap:24px}#request-form,.contact-guide,.contact-direct{padding:24px}.contact-fields{gap:18px}.contact-phone{font-size:26px}}
@media(max-width:760px){.contact-intro,.contact-location{grid-template-columns:1fr;gap:27px}.contact-intro{padding-block:28px 35px}.contact-intro h1{font-size:40px}.contact-request-grid{grid-template-columns:1fr}.contact-guide{order:-1}.contact-guide-next{display:none}.contact-guide ul{margin:16px 0 5px}.contact-guide li{padding-bottom:8px}.contact-guide>p{margin-bottom:12px}.contact-address{border-left:0;border-top:1px solid #cbd3ce;padding:24px 0 0}}
@media(max-width:480px){.contact-intro h1{font-size:36px}.contact-fields{grid-template-columns:1fr}.contact-intro .button,.contact-submit .button{width:100%;font-size:13px;gap:15px;padding-inline:15px}#request-form,.contact-guide,.contact-direct{padding:21px}.contact-phone{font-size:25px}#request-form legend{font-size:19px}.contact-email{font-size:15px}.contact-guide h3{font-size:21px}}

/* Gut lesbare Eingaben auf kleinen Bildschirmen. */
@media(max-width:760px){.field input:not([type=file]),.field select,.field textarea{font-size:16px}}

#request-form [hidden]{display:none!important}
#industry-fields{border-top:1px solid var(--line)!important;padding-top:20px!important}
.industry-form-help{font-size:14px;line-height:1.6;margin:0 0 20px;color:var(--muted)}
.contact-review{margin-top:24px;padding:20px;background:#f2f6f3;border:1px solid #cbd3ce;border-radius:4px}
.contact-review h3{font-size:20px;line-height:1.4;margin-bottom:14px}
.contact-review pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.7;margin:0}

/* Bei Kelleranfragen führt der mobile Einstieg direkt zu den Eingabefeldern. */
@media(max-width:760px){.cellar-inquiry .contact-guide{order:0}}

.cellar-inquiry .contact-review{scroll-margin-top:110px}