.digital-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.digital-actions .btn{font:inherit;font-weight:700;font-size:1rem}.main-nav{gap:22px}
.astool-tour{width:min(1080px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;color:var(--ink);box-shadow:var(--shadow)}
.astool-tour::backdrop{background:rgba(4,26,49,.68);backdrop-filter:blur(4px)}.tour-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 30px;border-bottom:1px solid var(--line)}.tour-header h2{margin:0;color:var(--blue-dark);font-size:1.5rem}.tour-header p{margin:2px 0 0;color:var(--muted);font-size:.875rem}.tour-close{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:white;font:inherit;font-size:1.5rem;cursor:pointer}.tour-layout{display:grid;grid-template-columns:210px minmax(0,1fr)}.tour-nav{list-style:none;margin:0;padding:24px 16px;background:var(--soft);border-right:1px solid var(--line)}.tour-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;margin-bottom:6px;border:0;border-radius:12px;background:transparent;font:inherit;text-align:left;color:var(--blue-dark);cursor:pointer}.tour-nav button span{font-size:.875rem;font-weight:750;color:var(--teal-dark)}.tour-nav button[aria-current=step]{background:var(--blue-dark);color:white}.tour-nav button[aria-current=step] span{color:#93e5df}.tour-body{padding:28px 32px;min-width:0}.tour-progress{color:var(--teal-dark);font-size:.875rem;font-weight:700;margin:0 0 6px}.tour-body h3{font-size:1.8rem;line-height:1.2;letter-spacing:-.02em;color:var(--blue-dark);margin:0 0 14px}.tour-description{font-size:1rem;color:#526675;margin:0 0 22px}.tour-example{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.tour-example-head{padding:13px 18px;background:var(--blue-dark);color:#fff;font-size:.875rem;display:flex;justify-content:space-between;gap:12px}.tour-example-head small{font-size:.875rem;color:#a6e8e3}.tour-example-content{padding:20px}.tour-fields{margin:0;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tour-fields div{min-width:0}.tour-fields dt{font-size:.875rem;color:var(--muted)}.tour-fields dd{margin:2px 0 0;font-size:1rem;font-weight:650;color:var(--blue-dark);overflow-wrap:anywhere}.tour-record{padding:14px 0;border-bottom:1px solid var(--line)}.tour-record:first-child{padding-top:0}.tour-record:last-child{padding-bottom:0;border-bottom:0}.tour-record b{color:var(--blue-dark);display:block}.tour-record p{font-size:1rem;color:#526675;margin:4px 0 0}.tour-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.875rem;font-weight:650;background:#e5f3f3;color:#086c6d;margin-top:8px}.tour-note{font-size:.875rem;color:var(--muted);margin:14px 0 0}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.tour-controls button{font:inherit;font-weight:700;font-size:1rem}.tour-controls button:disabled{opacity:.4;cursor:default;transform:none}.tour-completion{color:var(--blue-dark);font-weight:650}.tour-download{margin-left:auto}body.tour-open{overflow:hidden}
.customer-page{padding:64px 0 88px;background:var(--soft);min-height:calc(100vh - 78px)}.customer-page h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;letter-spacing:-.035em;color:var(--blue-dark);margin:16px 0}.customer-intro{max-width:700px;color:#526675;font-size:1.125rem}.customer-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:32px}.customer-panel{padding:32px;border-radius:24px;border:1px solid var(--line);background:white}.customer-panel h2{color:var(--blue-dark);margin:0 0 14px;font-size:1.5rem}.customer-panel h3{color:var(--blue-dark);margin-bottom:4px;font-size:1.1rem}.customer-panel p{color:#526675}.customer-panel .btn{font-size:1rem;margin:8px 0}.customer-list{padding-left:22px;margin-bottom:0}.customer-list li{margin-bottom:12px}.customer-meta{font-size:.875rem;color:var(--muted)}.customer-download-name{font-size:1.2rem;font-weight:750;color:var(--blue-dark)}.customer-back{color:var(--blue);font-weight:650}.customer-panel a:not(.btn){color:var(--blue)}.customer-error{padding:16px;border-radius:12px;background:var(--soft);color:var(--blue-dark)}
:is(.astool-tour,.digital-actions,.customer-page) :is(a,button,input):focus-visible{outline:3px solid var(--teal-dark);outline-offset:4px}
@media(max-width:900px){.main-nav{gap:15px}.main-nav>a{font-size:.875rem}.tour-layout{grid-template-columns:1fr}.tour-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px}.tour-nav li{flex:0 0 auto}.tour-nav button{width:auto;margin:0}.customer-layout{grid-template-columns:1fr}}
@media(max-width:1000px){.nav-toggle{display:block}.main-nav{position:absolute;left:14px;right:14px;top:70px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:10px 12px}.main-nav .btn{margin-top:8px}}
@media(max-width:600px){.tour-header{padding:18px}.tour-body{padding:22px 18px}.tour-header h2{font-size:1.25rem}.tour-body h3{font-size:1.5rem}.tour-fields{grid-template-columns:1fr}.tour-example-head{flex-direction:column;gap:0}.tour-controls{flex-wrap:wrap}.tour-download{width:100%;text-align:center}.customer-panel{padding:24px}.customer-page{padding:40px 0 64px}}
@media(prefers-reduced-motion:reduce){.astool-tour *{scroll-behavior:auto}}

/* Original application views and the extended guided tour. */
.digital-preview{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transform:rotate(-1deg)}
.digital-preview img{display:block;width:100%;height:auto}.digital-preview figcaption{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;color:var(--blue-dark);font-weight:700}.digital-preview small{font-size:.875rem;font-weight:400;color:var(--muted)}
.astool-tour{width:min(1400px,calc(100% - 28px));max-height:calc(100dvh - 28px);border-radius:22px;background:#fff}
.tour-header{padding:20px 28px}.tour-layout{display:block}.tour-nav{display:flex;overflow-x:auto;gap:4px;padding:10px 20px;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:thin}.tour-nav li{flex:1 0 auto}.tour-nav button{width:100%;margin:0;padding:11px 12px;gap:8px;font-size:.875rem;white-space:nowrap}.tour-nav button span{font-size:.875rem}
.tour-body{padding:24px 28px}.tour-body h3{max-width:1050px;font-size:clamp(1.5rem,2.3vw,2rem);margin-bottom:22px}.tour-detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr);gap:28px;align-items:start}
.tour-screenshot{margin:0;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f4f7fa;box-shadow:0 10px 25px rgba(9,46,79,.07)}.tour-image-button{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}.tour-image-button img{display:block;width:100%;height:auto}.tour-screenshot figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 16px;font-size:.875rem;color:var(--blue-dark);background:var(--soft)}.tour-screenshot figcaption button{padding:0;border:0;background:none;color:var(--blue);font:inherit;font-weight:700;cursor:zoom-in;text-decoration:underline;text-underline-offset:3px}
.tour-explanation{min-width:0}.tour-description{font-size:1rem;line-height:1.65;margin:0 0 20px}.tour-explanation h4{font-size:.875rem;letter-spacing:.02em;color:var(--teal-dark);margin:0 0 10px}.tour-features{list-style:none;margin:0;padding:0}.tour-features li{position:relative;margin:0 0 14px;padding-left:20px;font-size:1rem;line-height:1.55;color:#3d5264}.tour-features li::before{content:'';position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--teal-dark)}.tour-outcome{border-left:3px solid var(--teal);padding:16px 18px;margin-top:20px;background:var(--soft);border-radius:0 12px 12px 0}.tour-outcome h4{margin-bottom:6px}.tour-outcome p{margin:0;font-size:1rem;line-height:1.55;color:var(--blue-dark)}
.tour-note{margin-top:18px}.tour-controls{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.tour-download{margin:0 auto;font-size:1rem;font-weight:650;color:var(--blue);text-align:center}.tour-controls [data-tour-next]{margin-left:auto}
.tour-image-viewer{padding:0;width:min(1720px,calc(100% - 20px));max-height:calc(100dvh - 20px);border:0;border-radius:18px;background:white;color:var(--blue-dark);box-shadow:var(--shadow)}.tour-image-viewer::backdrop{background:rgba(3,18,33,.87)}.tour-image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 24px;border-bottom:1px solid var(--line)}.tour-image-viewer h2{font-size:1.2rem;margin:0}.tour-image-scroll{overflow:auto;max-height:calc(100dvh - 155px);background:#edf2f6}.tour-image-scroll img{display:block;width:100%;height:auto}.tour-image-viewer>p{margin:0;padding:12px 24px;font-size:.875rem;color:var(--muted)}
:is(.tour-image-viewer,.digital-preview) :is(a,button):focus-visible{outline:3px solid var(--teal-dark);outline-offset:4px}
@media(max-width:1000px){.tour-detail-grid{grid-template-columns:1fr}.tour-explanation{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.tour-description{grid-column:1/-1}.tour-explanation>h4{grid-column:1}.tour-features{grid-column:1}.tour-outcome{grid-column:2;grid-row:2/4;margin-top:0}.digital-preview{transform:none}}
@media(max-width:600px){.tour-header{padding:18px}.tour-header p{font-size:.875rem;line-height:1.5}.tour-nav{padding:8px}.tour-body{padding:20px 16px}.tour-explanation{display:block}.tour-outcome{margin-top:20px}.tour-screenshot figcaption{padding:12px}.tour-controls{gap:12px}.tour-download{order:3;flex-basis:100%;padding:6px}.tour-image-viewer header{padding:12px 16px}.tour-image-scroll img{width:1200px;max-width:none}.tour-image-viewer>p::after{content:' · Bild seitlich verschieben'}.digital-preview figcaption{flex-direction:column;gap:3px}}

/* Keep original capture proportions and allow reading at their native size. */
.tour-image-button img{max-height:530px;object-fit:contain;background:#edf2f6}
.tour-image-viewer{width:min(800px,calc(100% - 20px))}
.tour-image-scroll img{width:730px;max-width:none;height:auto;margin-inline:auto}
@media(max-width:600px){.tour-image-button img{max-height:none}}