.kontakt-page {}

.kontakt-hero-inner {
  display: flex;
}

.kontakt-hero-text {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

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

.kontakt-type-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.kontakt-form-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.kontakt-form-intro {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.kontakt-form-container {
  max-width: 700px;
}

.kontakt-form-container form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.kontakt-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.kontakt-field input,
.kontakt-field textarea {
  padding: 0.6rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-muted);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}

.kontakt-field input:focus,
.kontakt-field textarea:focus {
  outline: 2px solid var(--color-accent-gold);
}

.error {
  color: var(--color-accent-crimson);
  font-size: var(--text-sm);
}

.kontakt-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.kontakt-status {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

.kontakt-response-inner {
  max-width: 700px;
}

.kontakt-statement-inner {
  display: flex;
  justify-content: center;
}

.kontakt-statement-box {
  max-width: 800px;
  border-left: 3px solid var(--color-accent-crimson);
}

.kontakt-privacy-inner {
  max-width: 700px;
}

@media (max-width: 900px) {
  .kontakt-types-grid {
    grid-template-columns: 1fr;
  }
}