@media(max-width:980px){.container{width:min(100% - 32px,var(--max))}.nav{position:absolute;left:0;right:0;top:88px;background:white;display:none;flex-direction:column;gap:0;padding:16px 24px;box-shadow:0 15px 20px #00152d20}.nav.is-open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #e8edf2}.menu-toggle{display:flex;margin-left:auto;border:0;background:none;width:40px;gap:5px;flex-direction:column}.menu-toggle span{display:block;height:2px;background:var(--navy);width:100%}.header__cta{margin-left:15px}.hero__copy{width:58%}.hero h1{font-size:65px}.price-card{right:25px}.benefits__grid{grid-template-columns:1fr 1fr}.benefits__grid>div{border-bottom:1px solid #ffffff35}.services__grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 260px 260px}.service-card--large{grid-column:1/3;grid-row:auto}.steps__grid{grid-template-columns:1fr 1fr}.steps__title{grid-row:1/3}.steps article{margin-bottom:25px}.locations>.container{grid-template-columns:1fr}.cta__box{flex-wrap:wrap}.quick-form{width:100%;margin:20px 0 0}.cta__box{background:linear-gradient(145deg,#064477 0 58%,#ffb20e 58%)}}
@media(max-width:680px){.container{width:calc(100% - 28px)}.topbar__inner span:nth-child(2){display:none}.topbar{font-size:10px}.header{height:70px}.brand{width:92px;height:92px}.header__cta{display:none}.nav{top:70px}.hero{height:700px}.hero__image{inset:0;background-image:linear-gradient(0deg,#001d3d 2%,transparent 45%),url(../assets/images/kuechenmontage-hero-mobile.webp);clip-path:none;background-position:62% center;opacity:.55}.hero:after{background:linear-gradient(0deg,#001d3d 10%,#001d3d88 100%)}.hero__inner{align-items:flex-end;padding-bottom:35px}.hero__copy{width:100%}.hero .eyebrow{font-size:11px}.hero h1{font-size:58px}.hero__copy>p:not(.eyebrow){font-size:14px}.hero__actions{gap:18px;align-items:flex-start;flex-direction:column}.price-card{display:none}.city-tag{font-size:16px}.benefits__grid{grid-template-columns:1fr}.benefits__grid>div{padding:14px 8px}.section{padding:58px 0}.section-heading{text-align:left}.section-heading h2,.locations h2{font-size:45px}.services__grid{display:block}.service-card,.service-card--large{height:330px;margin-bottom:12px}.service-card--large h3{font-size:48px}.service-card>div{width:65%}.steps__grid{display:block}.steps__title{border:0;border-bottom:1px solid #ffffff40;padding-bottom:25px;margin-bottom:20px}.steps article{padding:10px 0;border-bottom:1px solid #ffffff2a}.steps article img{right:0;bottom:20px}.project{height:620px}.project__copy{top:35px;transform:none}.project h2{font-size:51px}.compare:after{background:linear-gradient(180deg,#07101fe8 0,transparent 50%)}.compare__handle{top:70%}.locations>.container{gap:25px}.locations__cards{grid-template-columns:1fr}.cta__box{padding:22px;display:block;background:linear-gradient(160deg,#064477 0 70%,#ffb20e 70%)}.cta__box>img{width:100px}.quick-form{display:block}.quick-form input,.quick-form .button{width:100%;margin:5px 0}.quick-form small{display:block;color:white;margin-top:8px}.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>div:first-child{grid-column:1/3}.footer__bottom{gap:14px;flex-direction:column}}