.kontakt-page{}

.kontakt-hero-inner{display:flex;justify-content:center}
.kontakt-hero-text{max-width:900px;display:flex;flex-direction:column;gap:var(--space-3);text-align:left}
.kontakt-hero{background:linear-gradient(120deg,rgba(79,124,255,0.08),rgba(139,92,246,0.08),rgba(249,115,22,0.08))}

.kontakt-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.kontakt-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

.kontakt-form-grid{display:grid;grid-template-columns:70% 30%;gap:var(--space-4)}
.kontakt-form-main{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}
.kontakt-form-fields{display:flex;flex-direction:column;gap:var(--space-2)}
.kontakt-form-side{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}

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

.kontakt-coop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.kontakt-coop-block{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}

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

.kontakt-faq-inner{max-width:800px;margin-inline:auto}
.kontakt-accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.kontakt-item button{width:100%;text-align:left;padding:var(--space-2);background:var(--surface-secondary);border:1px solid var(--border-default)}
.kontakt-content{display:none;padding:var(--space-2);background:var(--surface-tertiary)}

.kontakt-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}
.kontakt-cta{background:rgba(249,115,22,0.08)}

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

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

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