.hero-sec{background:#fff;padding:1.2rem 0 2.2rem;overflow:hidden}
.hero-layout{gap:1.5rem;align-items:center}
.hero-copy{padding-top:.5rem}
.hero-kicker{margin-bottom:.55rem;font-weight:700}
.hero-copy h1{line-height:1.02;margin-bottom:.75rem}
.hero-stars{display:flex;gap:.18rem;margin:.4rem 0 .8rem}
.star{height:1.3rem;width:1.3rem;object-fit:contain}
.hero-text{line-height:1.45;margin-bottom:1rem}

#hero-form{display:flex;flex-direction:column;align-items:center;text-align:center}
#hero-form>p,#hero-form>a{width:90%}
#unverbindliches{margin-top:.5rem;margin-bottom:0}
#ruckruf-btn{border-radius:5px;box-shadow:5px 5px 0 #000;min-height:2.7rem;background:var(--teal);padding:.3rem .7rem;display:flex;justify-content:center;align-items:center;color:#000;font-weight:700}
.hero-oder{margin:.9rem 0 .55rem}
#hero-contacts{display:flex;justify-content:space-around;gap:.8rem;flex-wrap:wrap}
.hero-contact-link{align-items:center;color:#000}
.contact-icon{height:1rem;width:1rem;filter:grayscale(100%) brightness(0);object-fit:contain;margin-right:.3rem}
.hero-image-wrap{display:flex;align-items:center;justify-content:center}
#hero{width:100%;height:auto;object-fit:contain}

@media screen and (min-width:768px){
	.hero-sec{padding:2.3rem 0 3rem}
	.hero-layout{gap:2rem}
	.hero-copy{width:48%!important;padding-right:1rem}
	.hero-image-wrap{width:52%!important}
	.hero-copy h1{font-size:clamp(2.4rem,4vw,4rem)}
	#hero-form>p,#hero-form>a{width:auto;max-width:100%}
	#ruckruf-btn{padding:.5rem 1.1rem}
	#hero-contacts{gap:1.4rem}
	.trust-grid{grid-template-columns:repeat(4,1fr)}
	.trust-grid>div{border-bottom:0;border-right:1px solid var(--border)}
	.trust-grid>div:last-child{border-right:0}
}

@media screen and (min-width:1100px){
	.hero-sec{padding:3rem 0 4rem}
	.hero-layout{gap:3rem}
	.hero-copy{width:43%!important}
	.hero-image-wrap{width:57%!important}
	#hero{transform:scale(1.06);transform-origin:center}
}

@media (max-width: 650px){
  .container{width:min(100% - 28px,var(--container))}
  .section,.dark-section,.cta-section{padding:72px 0}
  .hero{padding:58px 0}
  h1{font-size:3.25rem}
  .service-grid,.wide-card-grid,.steps,.review-grid,.trust-grid,.footer-grid,.form-row{grid-template-columns:1fr}
  .trust-grid>div{border-right:0;border-bottom:1px solid var(--border)}
  .trust-grid>div:last-child{border-bottom:0}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .wide-card{flex-direction:column;gap:8px}
  .footer-bottom{flex-direction:column;gap:8px}
}