/* Behaviour/accessibility repairs only: each demonstration keeps its own fonts and layout. */
[hidden]{display:none!important}
:focus-visible{outline:3px solid currentColor!important;outline-offset:4px}
.demo-notice{font:inherit!important;font-size:12px!important;line-height:1.55!important;color:inherit!important;margin:0 0 16px!important;max-width:58ch}
.demo-notice strong{font-weight:700}
.demo-notice:focus{outline:2px solid currentColor;outline-offset:5px}
[data-demo] a.demo-back{display:inline-flex;align-items:center;min-height:44px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.45;max-width:100%;color:inherit;text-decoration:none}
[data-demo] a.demo-back:hover{text-decoration:underline;text-underline-offset:3px}
.demo-back-row{margin:0 0 6px}
[data-demo] .demo-legal a.demo-back{min-height:24px;font-size:13px;text-decoration:underline}
[data-demo="studio-puls"] .ribbon a.demo-back{min-height:28px}
[data-demo="velo-werk-verwaltung"] .bar-in a.demo-back{font-size:13.5px;min-height:28px}
.demo-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding:22px;font-size:13px;color:inherit}
.demo-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
footer p a,.ft-bot a{text-decoration:underline;text-underline-offset:3px}
.demo-dialog{font-family:inherit;line-height:1.6;width:min(440px,calc(100% - 40px));max-height:calc(100% - 40px);padding:28px;border:1px solid #aaa;margin:auto;background:var(--background,var(--cream,var(--bg,#fff)));color:var(--foreground,var(--ink,#202020))}
.demo-dialog::backdrop{background:rgba(0,0,0,.55)}
.demo-dialog h2{font-size:24px;line-height:1.2;margin:0 0 14px;color:inherit}
.demo-dialog p{margin-bottom:22px}
.demo-dialog button{font:inherit;padding:10px 16px;background:transparent;color:inherit;border:1px solid currentColor;cursor:pointer}
.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.demo-skip{position:fixed;left:16px;top:12px;transform:translateY(-200%);padding:10px 16px;background:#fff;color:#202020;z-index:1000;font-size:14px}
.demo-skip:focus{transform:none}
.reveal{opacity:1;transform:none;filter:none}
.reveal.in{opacity:1;transform:none;filter:none}
html{scroll-padding-top:110px}
.burger,.menu-toggle{min-width:44px;min-height:44px}
.mobnav,.mobile-menu{max-height:calc(100dvh - 95px);overflow-y:auto;overscroll-behavior:contain}
.demo-menu-toggle{display:none;font:inherit;font-size:13px;padding:10px 12px;min-height:44px;background:transparent;border:1px solid currentColor;color:inherit;cursor:pointer}
[data-demo="esszimmer"] .demo-menu-toggle{color:#fff}
[data-demo="esszimmer"] .mobnav{background:var(--ink);padding:12px 24px}
[data-demo="esszimmer"] .mobnav a{display:block;color:#fff;padding:12px}
[data-demo="velo-werk"] .mobnav{background:#fff;padding:12px 24px;border-bottom:1px solid var(--line)}
[data-demo="velo-werk"] .mobnav a{display:block;padding:12px;color:var(--ink)}
[data-demo="velo-werk"] .mobnav .btn-acc{color:#fff}
[data-demo="kaffeerei-lino"] .btn-primary,[data-demo="kaffeerei-lino"] .reserve-row{background:#9b6144}
[data-demo="kaffeerei-lino"] .eyebrow,[data-demo="kaffeerei-lino"] .dish-price,[data-demo="kaffeerei-lino"] .m-price{color:#965a3e}
[data-demo="kaffeerei-lino"] .about-grid>*{min-width:0}
[data-demo="kaffeerei-lino"] .stats dd{margin-left:0}
[data-demo="velo-werk"] .btn-acc,[data-demo="velo-werk-verwaltung"] .btn:not(.btn-ghost),[data-demo="velo-werk-verwaltung"] .gate-card button{background:#c54414}
[data-demo="velo-werk"] .kicker,[data-demo="velo-werk"] .cat .ab,[data-demo="velo-werk"] .bike .tag,[data-demo="velo-werk"] .bike .go,[data-demo="velo-werk"] .k-list .val a{color:#b74015}
[data-demo="velo-werk"] .about .kicker{color:var(--accent)}
[data-demo="hairstudio-lena"] .btn-clay,[data-demo="hairstudio-lena"] .nav-book:hover{background:#98633f;color:#fff}
[data-demo="hairstudio-lena"]{--muted:#70675c}
[data-demo="studio-puls-mitglieder"] .member>h2{font-size:30px;margin-bottom:6px}
[data-demo="esszimmer"]{--muted:#71685c;--gold-d:#876035}
[data-demo="elektro-meier"] .kicker,[data-demo="elektro-meier"] .svc .more{color:#94630b}
[data-demo="elektro-meier"] .hero h1 .u{color:#aa700c}
[data-demo="elektro-meier"] .ref .t,[data-demo="elektro-meier"] .k-list .val a{color:#94630b}
[data-demo="frischmarkt"]{--muted:#626b60}
[data-demo="hairstudio-lena"]{--clay-d:#865c3d}
[data-demo="hairstudio-lena"] .foot-ft a{color:#d4a27e}
[data-demo="studio-puls-mitglieder"] .dl{color:#506700}
[data-demo="studio-puls"] .sec .eyebrow{color:#536d14}
[data-demo="trattoria-oliva"] .dish .pr{color:#926512}
[data-demo="trattoria-oliva"] .btn-acc,[data-demo="trattoria-oliva"] .nav-res,[data-demo="trattoria-oliva"] .amb-photo .badge{background:#ac542f}
[data-demo="trattoria-oliva"] .hero .eyebrow,[data-demo="trattoria-oliva"] .res .eyebrow,[data-demo="trattoria-oliva"] .foot-bot a{color:#e08b62}
[data-demo="studio-puls-mitglieder"] .gate{padding-inline:22px}
[data-demo="studio-puls-mitglieder"] .member{padding-block:46px 70px;padding-inline:22px}
[data-demo="studio-puls-mitglieder"] .plan{gap:16px}
[data-demo="studio-puls-mitglieder"] .plan b{flex-shrink:0}
[data-demo="velo-werk-verwaltung"] .bar-in{min-height:64px;height:auto;padding-block:14px;flex-wrap:wrap;gap:12px}
[data-demo="velo-werk-verwaltung"] .bar-in .tag{margin-left:0}
[data-demo="velo-werk-verwaltung"] .gate-card p,[data-demo="velo-werk-verwaltung"] .gate-card .hint{color:rgba(255,255,255,.8)}
[data-demo="velo-werk-verwaltung"] .gate-card .hint code{color:#ffab85}
[data-demo="velo-werk-verwaltung"] .tbl .cat{color:#9f350e}
.demo-storage-status{font-size:14px;margin-bottom:16px;color:#8c2c1b;overflow-wrap:anywhere}
.demo-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);background:#fff}
.demo-table-scroll .tbl{min-width:610px;border:none}
.demo-table-help{font-size:13px;color:var(--muted);margin-bottom:8px}
@media(max-width:1040px){[data-demo="velo-werk"] .demo-menu-toggle{display:block}[data-demo="velo-werk"] .nav-links{display:none}}
@media(max-width:880px){[data-demo="esszimmer"] .demo-menu-toggle{display:block}[data-demo="esszimmer"] .nav-links{display:none}}
@media(max-width:600px){
 [data-demo="kaffeerei-lino"] .more-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
 [data-demo="kaffeerei-lino"] .more-list .name{grid-column:1;grid-row:1}
 [data-demo="kaffeerei-lino"] .more-list .note{grid-column:1/-1;grid-row:2;white-space:normal}
 [data-demo="kaffeerei-lino"] .more-list .m-price{grid-column:2;grid-row:1;margin:0;white-space:nowrap}
 [data-demo="velo-werk-verwaltung"] .grid{grid-template-columns:minmax(0,1fr)}
 [data-demo="velo-werk-verwaltung"] .wrap{padding-inline:18px}
 [data-demo="velo-werk-verwaltung"] .panel{padding:18px}
 [data-demo="velo-werk-verwaltung"] .bar-in{padding-inline:18px}
 [data-demo="velo-werk-verwaltung"] .bar-in .tag{border:0;padding:0;width:100%}
 [data-demo="velo-werk-verwaltung"] .bar-in .sp{display:none}
 [data-demo="velo-werk-verwaltung"] .gate-card{padding:30px 22px}
 [data-demo="studio-puls-mitglieder"] .gate-card{padding:30px 22px}
 .k-list .val{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:380px){
 [data-demo="elektro-meier"] .svc{display:block;min-width:0;overflow-wrap:anywhere}
 [data-demo="elektro-meier"] .svc .ic{margin-bottom:18px}
 [data-demo="elektro-meier"] .stats-in{grid-template-columns:minmax(0,1fr)!important}
 [data-demo="kaffeerei-lino"] .stats{grid-template-columns:minmax(0,1fr);gap:20px}
 [data-demo="elektro-meier"] .stat{border-right:0}
 [data-demo="esszimmer"] .wrap{padding-inline:22px}
 [data-demo="esszimmer"] .brand{font-size:23px;letter-spacing:.10em}
 [data-demo="studio-puls-mitglieder"] .top-in{gap:16px;height:auto;min-height:64px;flex-wrap:wrap;padding-block:12px}
 [data-demo="studio-puls-mitglieder"] .plan{flex-wrap:wrap;gap:4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;filter:none!important}}