.kontakt-main{display:block}

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

.kontakt-form-wrap{display:flex;justify-content:center}
.kontakt-form-card{width:60%;min-width:0;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}

.kontakt-form{display:flex;flex-direction:column;gap:var(--space-4)}
.kontakt-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-field-full{grid-column:1 / -1}
.kontakt-actions{display:flex;flex-direction:column;gap:var(--space-3)}
.kontakt-success{color:var(--color-accent-green)}

.kontakt-alt-inner{display:flex;flex-direction:column;gap:var(--space-5)}
.kontakt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.kontakt-card{transition:transform var(--transition-fast)}
.kontakt-card:hover{transform:translateY(-4px)}

.kontakt-process-inner{display:flex;flex-direction:column;gap:var(--space-5);align-items:center;text-align:center}
.kontakt-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);width:100%}
.kontakt-step{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}
.kontakt-step span{background:var(--color-accent-gold);color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}

.kontakt-events-inner{display:flex;flex-direction:column;gap:var(--space-5)}
.kontakt-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.kontakt-why-inner{display:flex;flex-direction:column;gap:var(--space-5)}
.kontakt-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}

.kontakt-cta{background:var(--color-accent-deep-red);color:#fff}
.kontakt-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:1024px){
.kontakt-form-card{width:80%}
.kontakt-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.kontakt-form-card{width:100%}
.kontakt-grid{grid-template-columns:1fr}
.kontakt-cards{grid-template-columns:1fr}
.kontakt-timeline{grid-template-columns:1fr}
.kontakt-event-grid{grid-template-columns:1fr}
.kontakt-columns{grid-template-columns:1fr}
}