
:root{color-scheme:light;--blue:#0497cf;--ink:#394654;--muted:#637280;--link:#087aad;--line:#e4edf2}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Verdana,Arial,Helvetica,sans-serif;color:var(--ink);background-color:var(--blue);background-image:url("images/walther_web-HG2.gif");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-underline-offset:.18em}a:hover{color:#065b82}a:focus-visible{outline:3px solid #075d85;outline-offset:4px;border-radius:3px}
.home{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:clamp(20px,4vw,48px) 16px}
.business-card{position:relative;width:min(100%,325px);aspect-ratio:325 / 502;background:#fff;border:1px solid #dde3e8;box-shadow:0 16px 40px rgba(12,54,89,.22);overflow:hidden}
.business-card img{display:block;width:100%;height:100%;object-fit:fill}
.card-hit{display:block;position:absolute;left:10%;border-radius:5px}.card-hit:focus-visible{outline:3px solid #075d85;outline-offset:-2px;background:rgba(5,143,199,.13)}
.card-phone{top:72%;width:80%;height:8%}.card-email{top:81%;width:81%;height:6%}.card-site{top:87%;width:82%;height:6%}
.card-hit span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-footer{width:min(100%,325px);text-align:center;background:rgba(7,99,144,.8);border-radius:0 0 9px 9px;padding:14px 12px;box-shadow:0 6px 18px rgba(12,54,89,.11)}
.home-footer a{color:#fff;font-size:13px;font-weight:600;text-decoration:none}.home-footer a:hover{text-decoration:underline}
.page-shell{width:min(100% - 40px,860px);margin:clamp(26px,5vw,66px) auto 56px}
.back{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;margin-bottom:16px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.back:hover{color:#fff;text-decoration:underline}
.legal-card{background:#fff;border-radius:12px;box-shadow:0 18px 48px rgba(0,52,91,.20);padding:clamp(23px,5vw,51px) clamp(21px,5.5vw,55px);overflow-wrap:break-word}
.legal-card h1{font-size:clamp(23px,3vw,30px);line-height:1.25;letter-spacing:-.025em;color:#293a48;margin:0 0 19px}
.legal-card h1:not(:first-child){border-top:1px solid var(--line);padding-top:38px;margin-top:41px}
.legal-card h2{font-size:clamp(17px,2vw,19px);line-height:1.4;letter-spacing:-.012em;color:#364957;margin:29px 0 12px}
.legal-card p,.legal-card address{font-size:14px;line-height:1.78;color:#53616d;margin:0 0 17px}
.legal-card address{font-style:normal;margin-bottom:24px}
.legal-card address strong{color:#344856}
.legal-card p:last-child{margin-bottom:0}.legal-card h1+p{margin-bottom:19px}
.legal-card a{overflow-wrap:anywhere}
@media(max-width:600px){
 body{background-attachment:scroll;background-size:auto 100svh;background-position:center top}
 .home{justify-content:center;padding:20px 18px 32px;min-height:100svh}
 .business-card,.home-footer{width:min(100%,355px)}
 .page-shell{width:calc(100% - 24px);margin:15px auto 35px}
 .back{margin:4px 6px 14px}
 .legal-card{padding:27px 22px 35px;border-radius:10px}
 .legal-card h1{margin-bottom:16px}.legal-card h1:not(:first-child){padding-top:30px;margin-top:35px}
 .legal-card h2{margin:25px 0 10px}
 .legal-card p,.legal-card address{font-size:14px;line-height:1.75}
}
@media(max-width:360px){.page-shell{width:calc(100% - 16px)}.legal-card{padding:24px 17px}.home{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
