/* A-N-S Consult Webdesign – ausschliesslich neue Seite, bestehende main.css bleibt unangetastet */
.webdesign-page {--wd-line:rgba(15,23,42,.10); --wd-surface:rgba(255,255,255,.82)}
.webdesign-page .wd-hero{isolation:isolate;position:relative}
.webdesign-page .wd-hero::before{content:"";position:absolute;right:-12%;top:-40%;width:63%;height:115%;pointer-events:none;background:radial-gradient(circle,rgba(58,155,89,.22),transparent 65%);z-index:-1}
.webdesign-page .wd-title{line-height:1.12;letter-spacing:-.025em}
.webdesign-page .wd-text-accent{color:var(--ans-blue)}
.webdesign-page .wd-hero-facts{display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem;color:var(--bs-body-color)}
.webdesign-page .wd-hero-facts span{display:inline-flex;align-items:center;gap:5px}
.webdesign-page .wd-hero-facts i{color:var(--ans-green)}
.webdesign-page .wd-showcase{position:relative;padding:25px 12px 54px 6px;min-height:365px}
.webdesign-page .wd-site-window{background:#fff;border:1px solid #cad2dd;border-radius:11px;overflow:hidden;box-shadow:0 25px 60px rgba(15,23,42,.20)}
.webdesign-page .wd-site-window img{display:block;width:100%;height:auto;content-visibility:visible}
.webdesign-page .wd-window-main{width:93%;transform:rotate(-1.5deg)}
.webdesign-page .wd-window-small{width:46%;position:absolute;right:0;bottom:18px;transform:rotate(3deg);box-shadow:0 15px 45px rgba(15,23,42,.23)}
.webdesign-page .wd-window-controls{display:flex;align-items:center;gap:5px;padding:8px 11px;background:#f3f5f8;border-bottom:1px solid #e2e7ef;overflow:hidden}
.webdesign-page .wd-window-controls i{width:7px;height:7px;border-radius:100%;display:block;background:#c8d1db;flex:0 0 auto}
.webdesign-page .wd-window-controls i:first-child{background:#e8a4a5}
.webdesign-page .wd-window-controls i:nth-child(2){background:#edd69a}
.webdesign-page .wd-window-controls i:nth-child(3){background:#a5d8ba}
.webdesign-page .wd-window-controls span{margin-inline:auto;padding-right:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#536475;font-size:.62rem}
.webdesign-page .wd-showcase-label{position:absolute;bottom:0;left:10px;border-radius:30px;padding:7px 14px;display:inline-flex;align-items:center;gap:8px;font-size:.81rem;background:var(--ans-dark);color:#fff;box-shadow:0 8px 23px rgba(15,23,42,.12)}
.webdesign-page .wd-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px}
.webdesign-page .wd-section-head h2{letter-spacing:-.02em}
.webdesign-page .wd-project{overflow:hidden}
.webdesign-page .wd-project-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.webdesign-page .wd-tag{display:inline-block;background:rgba(43,120,197,.12);color:#1869aa;font-weight:700;font-size:.76rem;letter-spacing:.015em;padding:6px 11px;border-radius:100px}
.webdesign-page .wd-tag-green{background:rgba(58,155,89,.14);color:#247244}
.webdesign-page .wd-project-number{font-size:.8rem;opacity:.55;white-space:nowrap}
.webdesign-page .wd-project-previews{position:relative;border-radius:13px;background:linear-gradient(130deg,rgba(43,120,197,.10),rgba(58,155,89,.10));padding:25px 34px 24px 13px;min-height:260px;display:flex;align-items:center}
.webdesign-page .wd-desktop-img{width:88%;max-height:310px;overflow:hidden;box-shadow:0 12px 25px rgba(15,23,42,.16);border:4px solid #252c39;border-radius:7px;background:#fff}
.webdesign-page .wd-desktop-img img{display:block;width:100%;height:auto;content-visibility:visible}
.webdesign-page .wd-phone-img{position:absolute;right:13px;bottom:15px;width:21%;height:86%;max-height:260px;overflow:hidden;background:#fff;border:5px solid #252c39;border-radius:15px;box-shadow:0 12px 22px rgba(15,23,42,.22)}
.webdesign-page .wd-phone-img img{display:block;width:100%;height:auto;content-visibility:visible}
.webdesign-page .wd-project-link{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.webdesign-page .wd-project-link:hover{text-decoration:underline}
.webdesign-page .wd-draft-banner{border:1px solid rgba(189,129,7,.25);background:rgba(240,191,75,.12);padding:13px 17px;border-radius:12px;font-size:.88rem}
.webdesign-page .wd-price{display:flex;flex-direction:column}
.webdesign-page .wd-price-top{display:flex;justify-content:space-between;align-items:center;color:var(--ans-blue);font-size:.82rem;font-weight:700;letter-spacing:.04em;margin-bottom:15px}
.webdesign-page .wd-price-top i{font-size:1.25rem}
.webdesign-page .wd-best{border-radius:99px;padding:5px 10px;background:var(--ans-green);color:#fff;font-size:.72rem;letter-spacing:0}
.webdesign-page .wd-price-highlight{border:1.5px solid var(--ans-blue);box-shadow:0 14px 36px rgba(43,120,197,.10)}
.webdesign-page .wd-price-amount{font-size:1.9rem;letter-spacing:-.03em;font-weight:800;margin:8px 0 16px;line-height:1.1}
.webdesign-page .wd-price-individual{font-size:1.6rem}
.webdesign-page .wd-price-amount small{display:block;margin-top:6px;font-size:.77rem;letter-spacing:0;font-weight:400;color:var(--bs-secondary-color)}
.webdesign-page .wd-price ul{padding:0;list-style:none;margin:0 0 22px}
.webdesign-page .wd-price li{display:flex;gap:9px;padding:7px 0;font-size:.93rem}
.webdesign-page .wd-price li::before{content:"✓";color:var(--ans-green);font-weight:900}
.webdesign-page .wd-price .btn{margin-top:auto}
.webdesign-page .wd-step-no{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;width:52px;height:48px;font-size:1.12rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--ans-blue),var(--ans-green))}
.webdesign-page .wd-final-cta{background:linear-gradient(135deg,rgba(43,120,197,.11),rgba(58,155,89,.10))}
[data-bs-theme="dark"] .webdesign-page{--wd-surface:rgba(15,23,42,.65);--wd-line:rgba(255,255,255,.16)}
[data-bs-theme="dark"] .webdesign-page .wd-tag{color:#a7d3ff}
[data-bs-theme="dark"] .webdesign-page .wd-tag-green{color:#b4e6c3}
[data-bs-theme="dark"] .webdesign-page .wd-price-highlight{box-shadow:0 14px 36px rgba(43,120,197,.10)}
@media(max-width:1199.98px){.webdesign-page .wd-hero .hero-inner{padding:32px}.webdesign-page .wd-showcase{min-height:300px}}
@media(max-width:767.98px){.webdesign-page .wd-hero .hero-inner{padding:23px}.webdesign-page .wd-title{font-size:clamp(2rem,8vw,2.8rem)}.webdesign-page .wd-showcase{min-height:230px;padding:10px 8px 40px 0}.webdesign-page .wd-window-small{bottom:10px}.webdesign-page .wd-project-previews{min-height:210px}.webdesign-page .wd-hero-facts{gap:10px}}
@media(prefers-reduced-motion:reduce){.webdesign-page .feature-card{transition:none}}

/* Zusaetzlicher Menuepunkt: erst ab sehr breiten Displays volle Navigation. */
@media (max-width:1399.98px){.webdesign-page .navbar .offcanvas{background:#fff;color:#1f2937}.webdesign-page .navbar .offcanvas .nav-link{color:inherit;padding:.8rem 0}.webdesign-page .navbar .offcanvas .nav-link.active{color:var(--ans-blue);font-weight:600}[data-bs-theme="dark"] .webdesign-page .navbar .offcanvas{background:#0f172a;color:#e5e7eb}[data-bs-theme="dark"] .webdesign-page .navbar .offcanvas .btn-close{filter:invert(1)}}
.webdesign-page .wd-best{color:#0f172a}.webdesign-page .wd-step-no{background:linear-gradient(135deg,#205e9d,#247244)}

/* Issue 17: scoped draft offer refinements; shared Concept C chrome unchanged. */
.webdesign-page .wd-price-top{flex-wrap:wrap;align-items:flex-start;gap:.6rem}
.webdesign-page .wd-best{max-width:100%;white-space:normal;letter-spacing:0;line-height:1.4}
.webdesign-page .wd-price-amount{font-size:clamp(1.35rem,2vw,1.65rem);overflow-wrap:anywhere}
.webdesign-page .wd-price h3{overflow-wrap:anywhere}
.webdesign-page .wd-scope-notes{padding:1.25rem;border:1px solid var(--wd-line);border-radius:12px;background:var(--wd-surface)}
.webdesign-page .wd-direct-contact{display:flex;flex-wrap:wrap;gap:.35rem 1rem;justify-content:flex-end}
.webdesign-page .wd-direct-contact a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:991.98px){.webdesign-page .wd-direct-contact{justify-content:flex-start}}
@media(max-width:767.98px){.webdesign-page .wd-ctas .btn{font-size:1rem}}