.kontakt-page{}

.kontakt-hero__text{
max-width:640px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.kontakt-dropcap{
font-size:2.5em;
color:var(--color-accent-gold);
}

.kontakt-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-4);
}
.kontakt-card{min-width:0;transition:var(--transition-base);}
.kontakt-card:hover{box-shadow:0 0 0 2px rgba(216,164,55,0.25);}

.kontakt-process__inner{
max-width:720px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.kontakt-form{
max-width:720px;
margin-inline:auto;
padding:var(--space-5);
border:2px solid var(--color-border-contrast);
display:flex;
flex-direction:column;
gap:var(--space-4);
}
.kontakt-form__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
}
.kontakt-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;}
.kontakt-field--full{grid-column:1/-1;}
.kontakt-consent{font-size:var(--fs-small);}
.kontakt-actions{display:flex;justify-content:flex-start;}
.kontakt-success{color:var(--color-accent-green);}

.kontakt-categories__inner{
max-width:720px;
}

.kontakt-accordion{
max-width:700px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.kontakt-accordion__item{
border:1px solid var(--color-border-soft);
border-left:3px solid var(--color-accent-gold);
border-radius:var(--radius-md);
overflow:hidden;
}
.kontakt-accordion__trigger{
width:100%;
padding:var(--space-3);
text-align:left;
font-weight:600;
}
.kontakt-accordion__content{
max-height:0;
overflow:hidden;
transition:max-height 250ms ease;
padding:0 var(--space-3);
}
.kontakt-accordion__item.active .kontakt-accordion__content{
padding:var(--space-3);
max-height:300px;
}

.kontakt-cta{
background:var(--color-accent-blue);
color:var(--color-text-inverse);
}
.kontakt-cta__inner{
max-width:700px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.kontakt-cta__actions{
display:flex;
justify-content:center;
gap:var(--space-3);
flex-wrap:wrap;
}

.kontakt-legal__inner{
max-width:600px;
margin-inline:auto;
text-align:center;
font-size:var(--fs-small);
}

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