.kontakt-main{display:block}

.kontakt-hero{padding:var(--space-6) var(--container-pad);display:flex;justify-content:center}
.kontakt-hero__inner{max-width:720px;text-align:center}
.kontakt-hero__lead{max-width:60ch;margin-inline:auto;color:var(--color-text-secondary)}

.kontakt-types{margin-top:var(--space-5)}
.kontakt-types__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.kontakt-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.kontakt-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}
.kontakt-card p{color:var(--color-text-secondary)}

.kontakt-form-section{padding:var(--space-6) var(--container-pad);display:flex;justify-content:center}
.kontakt-form{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-4);max-width:640px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}
.kontakt-form__intro{color:var(--color-text-secondary)}
.kontakt-fields{display:flex;flex-direction:column;gap:var(--space-2)}
.kontakt-field{display:flex;flex-direction:column;gap:var(--space-1)}
.kontakt-consent{display:flex;flex-direction:column;gap:var(--space-2)}
.kontakt-form__note{font-size:var(--fs-7);color:var(--color-text-secondary)}

.kontakt-process{margin-top:var(--space-5)}
.kontakt-textblock{max-width:680px}

.kontakt-dev{background:var(--color-bg-secondary);padding:var(--space-5) var(--container-pad);display:flex;justify-content:center}
.kontakt-dev__inner{max-width:720px}

.kontakt-style{margin-top:var(--space-5)}
.kontakt-style__inner{max-width:640px}

.kontakt-faq{margin-top:var(--space-5)}
.kontakt-faq__list{max-width:720px}
.faq-item{border-bottom:1px solid var(--color-border-subtle)}
.faq-question{width:100%;text-align:left;padding:var(--space-2) 0;font-weight:500}
.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-medium)}
.faq-item.active .faq-answer{max-height:200px}

.kontakt-cta{margin-top:var(--space-6);padding:var(--space-5) var(--container-pad);background:var(--color-bg-secondary);display:flex;justify-content:center;text-align:center}
.kontakt-cta__inner{max-width:700px;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:600px){
.kontakt-types__grid{grid-template-columns:1fr}
.kontakt-hero__inner{text-align:left}
}