.kontakt-page{}

.kontakt-hero__inner{max-width:640px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.kontakt-form__intro{max-width:800px;margin-inline:auto;margin-bottom:var(--space-4);text-align:center}

.kontakt-form{max-width:800px;margin-inline:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}

.kontakt-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.form-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}

.kontakt-form__full{grid-column:1 / -1}

.kontakt-form__actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}

.form-status{font-size:var(--fs-xs);color:var(--color-text-secondary)}

.kontakt-process{background:var(--color-tan)}

.kontakt-process__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:900px;margin-inline:auto}

.process-step{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

.kontakt-values__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.value-card{display:flex;flex-direction:column;gap:var(--space-2)}

.kontakt-scope__inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.kontakt-faq__inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}

.faq-item{border-bottom:var(--border-soft)}

.faq-question{width:100%;text-align:left;padding:var(--space-2) 0;font-family:var(--font-heading)}

.faq-answer{display:none;padding-bottom:var(--space-2)}

.faq-item.active .faq-answer{display:block}

.kontakt-cta{background:var(--color-deep);color:var(--color-white)}

.kontakt-cta__inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.kontakt-process__grid{grid-template-columns:1fr}
.kontakt-values__grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
.kontakt-form__grid{grid-template-columns:1fr}
.kontakt-values__grid{grid-template-columns:1fr}
}
