/* Wiener Neustadt: page-scoped editorial layout. */
.local-webdesign-page{--local-paper:#111315;--local-line:rgba(255,255,255,.17);background:var(--local-paper)}
.local-webdesign-page>.service-page-backdrop{display:none}
.local-webdesign-page main{background:var(--local-paper);padding-top:0}
.local-webdesign-page .local-hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;padding:155px 0 80px;background:#17191b;overflow:hidden}
.local-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(13,15,17,.96) 0%,rgba(13,15,17,.85) 35%,rgba(13,15,17,.35) 100%),url('wiener-neustadt-altstadt.webp') 62% center/cover no-repeat}
.local-webdesign-page .local-hero h1{max-width:840px;margin:0;color:#fff;font-size:clamp(3.1rem,5.3vw,5rem);font-weight:650;line-height:1.04;letter-spacing:-.055em;hyphens:none;overflow-wrap:normal}
.local-hero-subtitle{max-width:680px;margin:24px 0 0;color:#f5f2ee;font-size:clamp(1.45rem,2.45vw,2.25rem);line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.local-hero-copy{max-width:570px;margin:23px 0 30px;color:#d5d4d1;font-size:1.08rem;line-height:1.65}
.local-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 28px}
.local-webdesign-page .local-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;border:1px solid #e88952;background:#e88952;color:#111315;font-size:1rem;font-weight:700;line-height:1.3;transition:background-color .16s ease,transform .16s ease-out}
.local-webdesign-page .local-button:hover{background:#f5a16e;border-color:#f5a16e;transform:translateY(-2px)}
.local-webdesign-page .local-button:active{transform:scale(.98)}
.local-link{display:inline-block;color:#f5f2ee;text-decoration:underline;text-underline-offset:5px;font-weight:600}
.local-webdesign-page main a:focus-visible,.local-faq summary:focus-visible{outline:3px solid #e88952;outline-offset:5px}
.local-benefits{padding:34px 0;border-block:1px solid var(--local-line);background:#17191b}
.local-benefits .container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.local-benefits article+article{padding-left:36px;border-left:1px solid var(--local-line)}
.local-benefits h2{font-size:1.12rem;line-height:1.3;letter-spacing:-.015em;margin:0 0 9px;color:#fff}
.local-benefits p{margin:0;color:#bdbfbe;font-size:.95rem;line-height:1.6}
.local-section{padding:86px 0;border-bottom:1px solid var(--local-line)}
.local-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.local-webdesign-page .local-section h2{margin:0;color:#f5f2ee;font-size:clamp(2rem,3.2vw,3rem);font-weight:600;line-height:1.12;letter-spacing:-.04em;hyphens:none;overflow-wrap:normal;text-wrap:balance}
.local-heading>p{max-width:370px;margin:0;color:#bdbfbe;line-height:1.65}
.local-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.local-projects figure{margin:0;min-width:0}
.local-projects img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--local-line);transition:opacity .2s ease}
.local-projects a:hover img{opacity:.86}
.local-projects figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px}
.local-projects h3{font-size:1.3rem;color:#fff;margin:0;line-height:1.3}
.local-projects p{margin:4px 0 0;font-size:.9rem;color:#bdbfbe}
.local-projects .local-link{font-size:.9rem;white-space:nowrap}
.local-service-list{margin:36px 0 30px}
.local-service-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:48px;padding:26px 0;border-top:1px solid var(--local-line)}
.local-service-row:last-child{border-bottom:1px solid var(--local-line)}
.local-service-row h3{margin:0;color:#f5f2ee;font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.local-service-row p{margin:0;color:#bdbfbe;max-width:640px;line-height:1.75}
.local-options{margin:36px 0 0;padding:24px 28px;background:#1b1e20;border-left:3px solid #e88952;color:#d5d4d1;line-height:1.75}
.local-options p{margin:0}
.local-options p+p{margin-top:12px}
.local-options a{color:#f5a16e;text-decoration:underline;text-underline-offset:4px}
.local-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:38px 0 0;padding:0;list-style:none;counter-reset:steps}
.local-steps li{counter-increment:steps;min-width:0}
.local-steps li+li{padding-left:28px;border-left:1px solid var(--local-line)}
.local-steps li::before{content:"0" counter(steps);display:block;margin-bottom:12px;color:#e88952;font-size:2.15rem;line-height:1;font-weight:650;letter-spacing:-.04em}
.local-steps h3{margin:0 0 12px;font-size:1.15rem;line-height:1.3;color:#f5f2ee}
.local-steps p{margin:0;color:#bdbfbe;font-size:.97rem;line-height:1.7}
.local-person{margin:32px 0 0;color:#bdbfbe;line-height:1.75;max-width:800px}
.local-person a{color:#f5a16e;text-decoration:underline;text-underline-offset:4px}
.local-faq{margin-top:36px;border-top:1px solid var(--local-line)}
.local-faq details{border-bottom:1px solid var(--local-line)}
.local-faq summary{position:relative;list-style:none;cursor:pointer;padding:22px 48px 22px 0;font-size:1.1rem;font-weight:600;line-height:1.45;color:#f5f2ee}
.local-faq summary::-webkit-details-marker{display:none}
.local-faq summary::after{content:"+";position:absolute;right:10px;top:19px;color:#e88952;font-size:1.5rem;font-weight:400}
.local-faq details[open] summary::after{content:"\2212"}
.local-faq details>p{max-width:850px;margin:0;padding:0 48px 24px 0;line-height:1.75;color:#bdbfbe}
.local-contact{padding:50px 0;background:#e88952;color:#111315}
.local-contact .container{display:flex;align-items:center;justify-content:space-between;gap:32px}
.local-webdesign-page .local-contact h2{margin:0 0 12px;font-size:clamp(2rem,3vw,2.8rem);font-weight:650;line-height:1.12;letter-spacing:-.035em;max-width:760px;color:#111315}
.local-contact p{margin:0;color:#25201d;line-height:1.6}
.local-contact .local-button{flex-shrink:0;background:#111315;border-color:#111315;color:#fff}
.local-contact .local-button:hover{background:#292d30;border-color:#292d30}
.local-contact .local-actions{justify-content:center;gap:12px;flex-direction:column;flex-shrink:0}
.local-contact .local-link{color:#111315;font-size:.9rem}
.local-webdesign-page .site-footer{background:#0d0f11;backdrop-filter:none}
@media(min-width:1600px){.local-hero::before{background-position:right center;background-size:auto,cover}}
@media(max-width:900px){.local-heading{align-items:flex-start;flex-direction:column}.local-heading>p{max-width:650px}.local-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.local-steps li:nth-child(3){padding-left:0;border-left:0}.local-contact .container{align-items:flex-start;flex-direction:column}.local-contact .local-actions{align-items:flex-start}}
@media(max-width:600px){.local-webdesign-page .local-hero{min-height:0;padding:125px 0 54px}.local-hero::before{background-image:linear-gradient(90deg,rgba(13,15,17,.91),rgba(13,15,17,.70)),url('wiener-neustadt-altstadt.webp');background-position:64% center}.local-webdesign-page .local-hero h1{font-size:clamp(2.55rem,10.7vw,3.9rem);line-height:1.08;max-width:100%}.local-hero-subtitle{font-size:1.55rem;margin-top:22px}.local-hero-copy{font-size:1rem;line-height:1.7;margin-block:22px 26px}.local-actions{gap:20px}.local-benefits{padding:26px 0}.local-benefits .container{grid-template-columns:1fr;gap:20px}.local-benefits article+article{padding:20px 0 0;border-left:0;border-top:1px solid var(--local-line)}.local-section{padding:54px 0}.local-projects{grid-template-columns:1fr;gap:34px}.local-projects figcaption{gap:12px}.local-projects h3{font-size:1.2rem}.local-service-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.local-options{padding:20px}.local-steps{gap:28px 20px}.local-steps li+li{padding-left:20px}.local-steps h3{font-size:1.05rem}.local-faq summary{font-size:1rem}.local-faq details>p{padding-right:10px}.local-contact{padding:40px 0}.local-contact .local-button{width:100%}.local-contact .local-actions{width:100%;align-items:center}}
@media(prefers-reduced-motion:reduce){.local-webdesign-page .local-button,.local-projects img{transition:none}.local-webdesign-page .local-button:hover{transform:none}}