.kontakt-page{}

.kontakt-hero-inner{display:flex}
.kontakt-hero-text{max-width:600px}

.kontakt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.kontakt-card{text-align:center}

.kontakt-form-wrap{display:flex;justify-content:center}
.kontakt-form-container{max-width:700px;width:100%;padding:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;gap:var(--space-3)}
.kontakt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.kontakt-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kontakt-full{grid-column:1 / -1}
.kontakt-form-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}
.kontakt-msg{font-size:var(--fs-400);color:var(--color-text-secondary)}

.kontakt-categories-inner{display:flex}
.kontakt-categories-text{max-width:600px}

.kontakt-response-inner{display:flex;justify-content:center}
.kontakt-response-box{max-width:500px;text-align:center;background:var(--color-accent-secondary);color:#fff;padding:var(--space-4);border-radius:var(--radius-md)}
.kontakt-response-box p{color:#fff}

.kontakt-guidelines-inner{display:flex}
.kontakt-guidelines-text{max-width:650px}

.kontakt-partners-inner{display:flex;justify-content:center}
.kontakt-partners-text{max-width:700px;text-align:center}

.kontakt-accordion{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}
.kontakt-accordion-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden}
.kontakt-accordion-trigger{width:100%;text-align:left;padding:var(--space-3);font-weight:500}
.kontakt-accordion-content{display:none;padding:var(--space-3);border-top:1px solid var(--color-border-subtle)}
.kontakt-accordion-item.active .kontakt-accordion-content{display:block}

.kontakt-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

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

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