.kontakt-main{min-width:0}

.kontakt-hero-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}
.kontakt-hero-note{background:var(--color-surface-elevated);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}

.kontakt-form-inner{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.kontakt-form-grid{display:flex;flex-direction:column;gap:var(--space-3)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.kontakt-form-grid label{display:flex;flex-direction:column;gap:var(--space-2)}
.form-feedback{font-size:var(--fs-sm);color:var(--color-text-secondary)}

.kontakt-types-inner{max-width:var(--container-main);margin-inline:auto}
.kontakt-types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.kontakt-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

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

.kontakt-faq-inner{max-width:700px;margin-inline:auto}
.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden}
.faq-question{width:100%;text-align:left;padding:var(--space-3);background:var(--color-bg-secondary)}
.faq-answer{display:none;padding:var(--space-3)}
.faq-item.active .faq-answer{display:block}

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

.kontakt-legal-inner{max-width:800px;margin-inline:auto;border:1px solid var(--color-border-subtle);padding:var(--space-4);border-radius:var(--radius-sm)}

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

@media (max-width:1000px){
.kontakt-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:700px){
.form-row{grid-template-columns:1fr}
.kontakt-types-grid{grid-template-columns:1fr}
}
