.kontakt-page{display:block}

.kontakt-hero-inner{display:flex;justify-content:center}
.kontakt-hero-text{max-width:520px;text-align:center;display:flex;flex-direction:column;gap:var(--space-4);margin-inline:auto}

.kontakt-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}
.kontakt-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}

.kontakt-form-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}
.kontakt-form-intro{max-width:680px}
.kontakt-form{width:70%;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-md)}
.kontakt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.kontakt-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.kontakt-full{grid-column:1/-1}

.kontakt-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}
.kontakt-step{min-width:0}

.kontakt-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.kontakt-benefit{max-width:520px}

.kontakt-newsletter-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}
.kontakt-newsletter-form{display:flex;gap:var(--space-3);justify-content:center}
.kontakt-newsletter-form .input{flex:1;min-width:0}

.kontakt-accordion{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}
.kontakt-accordion-item{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden}
.kontakt-accordion-header{width:100%;text-align:left;padding:var(--space-4)}
.kontakt-accordion-content{display:none;padding:var(--space-4);border-top:1px solid var(--color-border-default)}

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

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

@media(max-width:600px){
.kontakt-steps-grid{grid-template-columns:1fr}
.kontakt-newsletter-form{flex-direction:column}
}