/* Separater Designvorschlag: präzise Produktgestaltung in der B&W-Marke. */
:root{--page-width:1120px;--page-gutter:clamp(20px,5vw,64px);--section-space:100px;--type-section:clamp(2.4rem,4vw,3.5rem);--type-subheading:1.8rem;--line:#dbe3eb;--tint:#f5f8fb;--radius:10px}
body{background:#fff}.site-header{height:88px;border-bottom:1px solid var(--line)}.brand{font-size:19px;letter-spacing:-.025em;gap:12px}.brand img{width:42px;height:43px}nav{font-size:14px;gap:28px}nav a:last-child{padding:10px 17px;border-radius:9px}
.hero-confident{background:radial-gradient(ellipse at 50% 58%,#eaf5ff 0,white 67%);display:grid;grid-template-columns:1fr;gap:26px;text-align:center;padding-top:76px;padding-bottom:58px}
.hero-confident h1{font-size:clamp(3rem,6vw,5.2rem);line-height:1.06;font-weight:650;letter-spacing:-.04em;margin:auto;max-width:1100px;grid-column:auto}.hero-confident h1 span{color:var(--blue)}
.hero-confident .hero-copy{max-width:730px;margin:auto;padding:0}.hero-confident .hero-copy p{font-size:19px;color:var(--muted);line-height:1.6;margin:0 auto 28px;text-wrap:pretty}
.hero-confident .actions{justify-content:center;gap:12px}.hero-confident .actions .button{border-radius:9px;padding:13px 20px;background:var(--ink);color:white;font-size:15px}.hero-confident .actions .button:hover{background:#14517f}.hero-confident .actions .text-link{font-size:15px;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:12px 20px;background:#fff}.hero-confident .actions .text-link:hover{border-color:var(--blue);color:var(--blue)}
.hero-confident .hero-visual{margin:28px auto 0;width:100%;max-width:1060px;grid-row:auto;box-shadow:0 24px 60px -30px #073b6655;border-radius:16px;background:white;text-align:left}.hero-confident .hero-visual picture{border-radius:16px 16px 0 0;overflow:hidden}.hero-confident .hero-visual img{height:410px;aspect-ratio:auto;object-fit:cover;object-position:50% 45%;border-radius:0}.hero-confident .hero-visual figcaption{padding:18px 24px;font-size:14px;max-width:none}.hero-confident .image-note{top:16px;bottom:auto;right:16px;font-size:11px;background:#fff;padding:4px 8px}
.service-rail{background:white;color:var(--ink);max-width:calc(var(--page-width) + var(--page-gutter)*2);padding-block:10px 30px;border-bottom:1px solid var(--line);gap:12px}.service-rail .service-icon{display:none}.service-rail .service-link,.service-rail .service-link+.service-link{padding:14px 0;justify-content:center;text-align:center}.service-rail .service-link>span{font-size:14px;font-weight:500}.service-rail .service-link:hover{background:transparent;color:var(--blue)}
.service-lead{grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:45px}.service-lead h2,.company-confident h2,.faq-section h2,.contact-copy h2{font-size:var(--type-section);font-weight:600;line-height:1.12;letter-spacing:-.035em}.service-lead p{color:var(--muted);margin-bottom:20px;font-size:18px}
.service-explorer{grid-template-columns:.8fr 1.2fr;gap:54px}.service-tab{font-size:20px;padding:21px 0;line-height:1.4}.service-tab[aria-selected=true]{font-weight:650}.service-panel{padding:38px;background:var(--tint);border-radius:14px;min-height:395px}.service-panel p{font-size:18px;color:var(--muted)}.service-panel h3{font-size:var(--type-subheading);font-weight:600}.panel-art .detail-icon{width:40px;height:40px;flex-basis:40px}.service-panel .button{font-size:15px;border-radius:9px;background:var(--ink);color:white;padding:13px 20px}.service-panel .button:hover{background:#14517f}
.company-section{background:var(--tint)}.company-confident{grid-template-columns:1fr 1fr;gap:70px;padding-block:90px}.company-confident p{color:var(--muted);font-size:18px}.company-confident p:last-child{margin-bottom:0}
.faq-section .section{grid-template-columns:.8fr 1.2fr;gap:54px;padding-block:90px}.faq summary{font-size:18px;font-weight:500}.faq details p{font-size:17px;color:var(--muted)}
.contact-stage{background:var(--ink)}.contact-section{gap:70px;padding-block:90px}.contact-copy h2{color:white}.contact-copy>p{font-size:18px}.contact-links{font-size:20px;font-weight:500}.contact-stage form{border-radius:14px;padding:32px}.contact-stage form h3{font-size:var(--type-subheading)}.contact-stage form .button{border-radius:9px;font-size:15px;padding:13px 20px}input,textarea{border-radius:8px}.field label{font-size:14px}.contact-stage form small,.form-note{font-size:13px}.footer-inner{font-size:13px}
@media(max-width:860px){:root{--section-space:64px;--type-section:2.25rem;--type-subheading:1.6rem}.site-header{height:auto;padding-block:18px}.brand{font-size:18px}.brand img{width:38px;height:39px}.site-header nav{font-size:14px;gap:20px}.site-header nav a:last-child{padding:8px 14px}.hero-confident{padding-top:45px;padding-bottom:36px;gap:22px}.hero-confident h1{font-size:clamp(2.7rem,8vw,4.5rem);max-width:95%}.hero-confident .hero-copy{grid-row:auto}.hero-confident .hero-copy p{font-size:17px}.hero-confident .actions{gap:10px}.hero-confident .actions .button,.hero-confident .actions .text-link{padding:12px 14px;font-size:14px}.hero-confident .hero-visual{margin-top:14px;grid-row:auto;border-radius:12px}.hero-confident .hero-visual picture{border-radius:12px 12px 0 0}.hero-confident .hero-visual img{height:auto;aspect-ratio:3/2;object-fit:contain}.hero-confident .hero-visual figcaption{padding:14px 16px;font-size:13px;max-width:none}.hero-confident .image-note{top:10px;right:10px}.service-rail{grid-template-columns:repeat(2,1fr);gap:0 20px;padding-bottom:20px}.service-rail .service-link>span{font-size:13px}.service-lead,.service-explorer,.company-confident,.faq-section .section,.contact-section{grid-template-columns:1fr;gap:28px}.service-lead{margin-bottom:28px}.service-lead p{font-size:17px;margin-bottom:0}.service-tab{font-size:18px;padding:16px 0}.service-panel{padding:28px;min-height:0}.service-panel p{font-size:17px}.company-confident,.faq-section .section,.contact-section{padding-block:64px}.company-confident p,.contact-copy>p{font-size:17px}.faq summary{font-size:17px}.contact-stage form{padding:26px 20px}}

.service-rail .service-link small{color:var(--muted)}
@media(min-width:861px){.hero-confident .hero-visual img{height:480px;object-position:50% 15%}}

/* Leistungsband als deutlich sichtbare, interaktive Orientierung. */
.legal{max-width:1040px;font-size:17px;overflow-wrap:anywhere}.legal h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:40px}.legal h2{font-size:26px;line-height:1.25;margin-top:44px;margin-bottom:18px}.legal h3{font-size:20px;line-height:1.3;margin-top:28px;margin-bottom:14px}.legal p{max-width:none}.legal li{margin-bottom:12px}.legal-back{margin-top:48px}
.service-rail{background:#eaf5ff;border:0;border-radius:14px;max-width:1120px;padding:12px 20px;margin:0 auto 12px;gap:0;grid-template-columns:repeat(5,minmax(0,1fr))}
.service-rail .service-link,.service-rail .service-link+.service-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 12px;min-height:112px;border:0;border-radius:10px;text-align:center;transition:background .18s ease-out,color .18s ease-out}
.service-rail .service-icon{display:block;position:static;width:28px;height:28px;margin:0;stroke:var(--blue);stroke-width:1.6}
.service-rail .service-link>span{font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-.015em}
.service-rail .service-link:hover{background:#d5eafd;color:var(--ink);padding-left:12px}.service-rail .service-link:hover>span{text-decoration:none}.service-rail .service-link:focus-visible{background:#d5eafd;outline:3px solid var(--ink);outline-offset:2px}
@media(max-width:1248px){.service-rail{margin-inline:var(--page-gutter);max-width:none}}
@media(max-width:860px){.service-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:4px;margin-bottom:0}.service-rail .service-link,.service-rail .service-link+.service-link{padding:18px 10px;min-height:106px;gap:10px}.service-rail .service-link>span{font-size:14px}.service-rail .service-link:last-child{grid-column:1/-1;flex-direction:row;min-height:76px;gap:12px}.service-rail .service-icon{width:26px;height:26px}}

@media(max-width:860px){.site-header nav{gap:12px}.site-header nav a:last-child{padding:8px 12px}}

.site-header nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:6px}
.support-page{min-height:70vh}.support-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.support-intro h1{font-size:clamp(2.8rem,5vw,4rem);line-height:1.1;font-weight:650;margin-bottom:28px}.support-intro p{font-size:18px;color:var(--muted);max-width:55ch}.support-download{background:var(--tint);padding:38px;border-radius:14px}.support-download>svg{width:42px;height:42px;stroke:var(--blue);margin-bottom:24px}.support-download h2{font-size:28px;line-height:1.2;margin-bottom:12px}.support-download p{font-size:16px;margin-bottom:24px}.support-download .button{border-radius:9px;padding:14px 20px;font-size:15px}.support-download small{display:block;margin-top:16px;font-size:13px;line-height:1.5}.support-steps{margin-top:90px;border-top:1px solid var(--line);padding-top:50px}.support-steps>h2{font-size:var(--type-section);margin-bottom:34px}.support-steps ol{padding-left:28px;margin:0 0 30px}.support-steps li{padding:18px 0 18px 14px;border-bottom:1px solid var(--line)}.support-steps li::marker{color:var(--blue);font-weight:650}.support-steps h3{font-size:20px;margin-bottom:8px}.support-steps li p{font-size:17px;margin:0;color:var(--muted)}.support-note{font-size:16px;color:var(--muted);margin-top:30px}.support-steps .text-link{font-size:15px;font-weight:500}
@media(max-width:860px){.support-intro{grid-template-columns:1fr;gap:28px}.support-intro h1{font-size:2.75rem}.support-intro p{font-size:17px}.support-download{padding:28px 24px}.support-download h2{font-size:24px}.support-steps{margin-top:56px;padding-top:36px}.support-steps>h2{font-size:2.1rem}.support-steps ol{padding-left:24px}.support-steps li{padding-left:10px}}