.page-hero{padding:96px 0 48px;text-align:center}
.page-title{font-size:48px;font-weight:700;color:var(--navy);margin-bottom:16px}
.page-sub{font-size:20px;max-width:640px;margin:0 auto;color:var(--graphite)}
/* --- Contactpagina --- */

.contact-page-hero{
	padding:96px 0 12px;
	text-align:center
}

.contact-page-title{
	font-size:48px;
	font-weight:700;
	color:var(--navy);
	margin-bottom:16px
}

.contact-section{
  padding:50px 0;
  background:#f9fafb;
}

.contact-container{
  max-width:700px;
  margin:0 auto;
  text-align:center;
  background:#fff;
  padding:50px 40px;
  border-radius:16px;
  border:2px solid var(--turquoise);
  box-shadow:0 10px 20px rgba(0,0,0,0.06);
}

.contact-title{
  font-size:32px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:20px;
}

.contact-text{
  font-size:18px;
  color:var(--graphite);
  line-height:1.6;
  margin-bottom:40px;
}

.linkedin-button{
  display:inline-block;
  background:var(--turquoise);
  color:#fff;
  padding:16px 32px;
  font-size:18px;
  font-weight:600;
  border-radius:50px;
  text-decoration:none;
  transition:background .2s ease-out, transform .2s ease-out;
}

.linkedin-button:hover{
  background:#1aa7a7;
  transform:translateY(-4px);
}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;text-align:center}.contact-icon{margin:0 auto 24px}}