.ui-board-page{
  --green:#35AB52;--green-dark:#28803D;--red:#EA5045;--red-dark:#BD4337;
  --brown:#7E4B3A;--gray:#7C7C7B;--black:#000000;--white:#FFFFFF;
  --ui-line:rgba(124,124,123,.42);--ui-soft:rgba(124,124,123,.11);--ui-shadow:0 8px 24px rgba(0,0,0,.09);
  height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--white);color:var(--black);font-size:14px;
}
.ui-board-page ::selection{background:var(--green);color:var(--white)}
.ui-board-page :focus-visible{outline:3px solid var(--black);outline-offset:3px}
.ui-board-page button,.ui-board-page input,.ui-board-page select,.ui-board-page textarea{font:inherit}
.ui-board-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid var(--ui-line);background:var(--white)}
.ui-board-brand{display:grid;place-items:center;width:82px;height:52px;border:1px solid var(--ui-line);border-radius:16px;background:var(--white)}
.ui-board-brand img{width:62px;height:auto}
.ui-board-title{min-width:0}.ui-board-title h1{margin:0;color:var(--green-dark);font:700 clamp(26px,2.5vw,38px)/.95 var(--font-display);letter-spacing:-.02em}
.ui-board-tabs{display:flex;gap:6px;padding:8px 18px;border-bottom:1px solid var(--ui-line);background:var(--white);overflow-x:auto}.ui-board-tabs button{display:flex;align-items:center;justify-content:center;min-height:42px;min-width:max-content;padding:8px 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--black);cursor:pointer;transition:background-color .3s var(--ease-fluid),border-color .3s var(--ease-fluid),color .3s var(--ease-fluid)}.ui-board-tabs button:hover{border-color:var(--black);color:var(--black)}.ui-board-tabs button.is-active,.ui-board-tabs button.is-active strong{border-color:var(--green-dark);background:var(--green-dark);color:var(--white)}
.ui-board-main{position:relative;min-height:0;padding:12px;background:var(--ui-soft)}.ui-board-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ui-board-view{height:100%;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:10px}.ui-board-view[hidden]{display:none}.ui-board-view[data-board-view="shell"],.ui-board-view[data-board-view="motion"]{grid-template-rows:repeat(3,minmax(0,1fr))}.ui-board-view[data-board-view="shell"] #SHELL-01,.ui-board-view[data-board-view="shell"] #SHELL-07{grid-column:span 6}.ui-board-view[data-board-view="shell"] #SHELL-02,.ui-board-view[data-board-view="shell"] #SHELL-03,.ui-board-view[data-board-view="shell"] #SHELL-04,.ui-board-view[data-board-view="shell"] #SHELL-06{grid-column:span 4}.ui-board-view[data-board-view="shell"] #SHELL-05{grid-column:span 8}.ui-board-view[data-board-view="navigation"] .ui-board-cell--wide,.ui-board-view[data-board-view="content"] .ui-board-cell--wide{grid-column:span 3}.ui-board-view[data-board-view="content"] #CONTENT-01{grid-column:span 6}.ui-board-view[data-board-view="motion"] #MOTION-01,.ui-board-view[data-board-view="motion"] #MOTION-02,.ui-board-view[data-board-view="motion"] #MOTION-06,.ui-board-view[data-board-view="motion"] #MOTION-07{grid-column:span 6}.ui-board-view[data-board-view="motion"] #MOTION-03,.ui-board-view[data-board-view="motion"] #MOTION-04,.ui-board-view[data-board-view="motion"] #MOTION-05{grid-column:span 4}.ui-board-view[data-board-view="exceptions"]{grid-template:44px minmax(0,1fr)/minmax(0,1fr)}
.ui-board-cell{grid-column:span 3;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--ui-line);border-radius:16px;background:var(--white);box-shadow:var(--ui-shadow)}.ui-board-cell--wide{grid-column:span 6}.ui-board-cell--xwide{grid-column:span 8}.ui-board-cell--full{grid-column:1/-1;grid-row:1/-1}
.ui-board-cell.is-referenced,.ui-board-cell.is-selected{box-shadow:0 0 0 4px var(--green),var(--ui-shadow)}
.ui-board-cell>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 12px 9px;border-bottom:1px solid var(--ui-line)}.ui-board-cell>header:not(:has(>span)){grid-template-columns:auto minmax(0,1fr)}.ui-board-cell>header>button{padding:5px 8px;border:0;border-radius:7px;background:var(--black);color:var(--white);font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer}.ui-board-cell>header>button:hover{background:var(--green-dark)}.ui-board-cell>header h3{margin:0;color:var(--black);font:700 17px/1.05 var(--font-display)}.ui-board-cell>header p{margin-top:3px;color:var(--black);font-size:11px;line-height:1.25}.ui-board-cell>header>span{padding:4px 7px;border:1px solid var(--green);border-radius:999px;color:var(--green-dark);font-size:10px;font-weight:800;white-space:nowrap}.ui-board-cell[data-status="verbindlich"]>header>span{display:none}.ui-board-cell[data-status="ausnahme"]>header>span{border-color:var(--brown);color:var(--brown)}
.ui-board-cell__body{min-height:0;padding:12px;overflow:hidden}.ui-board-cell>footer{padding:6px 12px;border-top:1px solid var(--ui-line);color:var(--black);font-size:10px;line-height:1.2}
.ui-palette{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.ui-swatch{display:flex;min-width:0;flex-direction:column;justify-content:flex-end;gap:2px;padding:8px;border:1px solid var(--ui-line);border-radius:10px;font-weight:800}.ui-swatch span,.ui-swatch code{color:inherit;font-size:10px;overflow:hidden;text-overflow:ellipsis}.ui-swatch--light-green{background:#35AB52;color:#fff}.ui-swatch--dark-green{background:#28803D;color:#fff}.ui-swatch--light-red{background:#EA5045;color:#fff}.ui-swatch--dark-red{background:#BD4337;color:#fff}.ui-swatch--brown{background:#7E4B3A;color:#fff}.ui-swatch--gray{background:#7C7C7B;color:#000}.ui-swatch--black{background:#000;color:#fff}
.ui-type-system{display:grid;align-content:center;gap:6px}.ui-type-system__display{color:var(--green-dark);font:700 clamp(24px,2vw,34px)/.92 var(--font-display)}.ui-type-system__heading{font:700 18px/1 var(--font-display)}.ui-type-system p{color:var(--black);font-size:12px}.ui-type-system small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.ui-metrics{display:grid;align-content:center;gap:16px}.ui-spacing-scale{display:flex;align-items:end;gap:8px}.ui-spacing-scale i{display:block;width:18px;background:var(--green)}.ui-spacing-scale i:nth-child(1){height:4px}.ui-spacing-scale i:nth-child(2){height:8px}.ui-spacing-scale i:nth-child(3){height:16px}.ui-spacing-scale i:nth-child(4){height:24px}.ui-spacing-scale i:nth-child(5){height:32px}.ui-radius-scale{display:flex;gap:8px}.ui-radius-scale span{display:grid;place-items:center;min-height:42px;padding:7px 10px;border:2px solid var(--black);font-size:10px;font-weight:800}.ui-radius-scale span:nth-child(1){border-radius:12px}.ui-radius-scale span:nth-child(2){flex:1;border-radius:64px}.ui-radius-scale span:nth-child(3){border-radius:999px}
.ui-grid-specimen{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:18px}.ui-grid-specimen div{border:1px solid var(--green-dark);background:rgba(53,171,82,.18)}.ui-grid-specimen span{position:absolute;right:8px;bottom:6px;font-size:10px;font-weight:800}
.ui-icons{display:flex;align-items:center;justify-content:space-around;gap:10px}.ui-icons span{display:grid;justify-items:center;gap:6px;font-size:10px;font-weight:700}.ui-icons svg{width:32px;height:32px;fill:none;stroke:var(--green-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ui-binding-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ui-binding-list>span{display:grid;align-content:center;gap:3px;padding:9px;border:1px solid var(--ui-line);border-radius:12px}.ui-binding-list small{color:var(--black)}.ui-binding-list strong{font-size:12px}.ui-binding-list em{color:var(--red-dark);font-size:9px;font-style:normal;font-weight:800}.ui-binding-list .has-warning{border-color:var(--red-dark)}
.ui-shell-topbar{align-self:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;height:48px;padding:4px 6px 4px 16px;border:1px solid var(--ui-line);border-radius:999px;background:var(--white);box-shadow:0 7px 18px rgba(15,51,25,.11)}.ui-shell-topbar img{width:62px;max-height:28px;object-fit:contain}.ui-shell-topbar nav{display:flex;justify-content:center;gap:2px}.ui-shell-topbar nav a{padding:5px 7px;border-radius:8px;color:var(--black);font-size:9px;font-weight:700}.ui-shell-topbar nav a.is-active{color:var(--green-dark);text-decoration:underline 2px var(--red);text-underline-offset:4px}.ui-shell-topbar .ui-demo-button{min-height:34px;padding:7px 11px;font-size:10px}.ui-shell-topbar-collapsed{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.ui-shell-topbar-collapsed__pill{display:grid;place-items:center;width:92px;height:48px;padding:6px 12px;overflow:hidden;border:1px solid var(--ui-line);border-radius:999px;background:#f2fbf4;box-shadow:0 7px 18px rgba(15,51,25,.13)}.ui-shell-topbar-collapsed__pill img{width:68px;max-height:30px;object-fit:contain}.ui-shell-topbar-collapsed p{display:grid;gap:3px;margin:0}.ui-shell-topbar-collapsed strong{font-size:11px}.ui-shell-topbar-collapsed span{color:var(--black);font-size:9px;line-height:1.25}
.ui-shell-mobile{display:flex;align-items:center;justify-content:space-between;width:min(100%,320px);margin:auto;padding:10px 12px;border:1px solid var(--ui-line);border-radius:999px}.ui-shell-mobile img{width:72px}.ui-shell-mobile button{display:grid;grid-template-columns:22px auto;align-items:center;gap:0 7px;padding:7px 10px;border:1px solid var(--ui-line);border-radius:12px;background:#fff}.ui-shell-mobile i{grid-column:1;width:20px;height:2px;margin:1px 0;background:#000}.ui-shell-mobile span{grid-column:2;grid-row:1/4;font-size:11px;font-weight:800}
.ui-shell-hero{position:relative;padding:0;isolation:isolate}.ui-shell-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.ui-shell-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.55)}.ui-shell-hero div{display:grid;align-content:end;height:100%;padding:14px;color:#fff}.ui-shell-hero small{font-size:9px}.ui-shell-hero strong{margin-top:4px;color:#fff;font:700 22px/1 var(--font-display)}.ui-shell-hero p{margin-top:4px;color:#fff;font-size:10px}
.ui-section-anatomy{display:grid;align-content:center;gap:6px}.ui-section-anatomy>strong{color:var(--green-dark);font:700 22px/1 var(--font-display)}.ui-section-anatomy>p{color:var(--black);font-size:11px}.ui-section-anatomy>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.ui-section-anatomy i{height:36px;border:1px solid var(--ui-line);border-radius:12px}
.ui-shell-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;background:var(--green-dark);color:#fff}.ui-shell-footer img{width:82px}.ui-shell-footer p{margin-top:6px;color:#fff;font-size:9px}.ui-shell-footer>div{display:grid;align-content:start;gap:3px}.ui-shell-footer strong{color:#fff;font:700 12px/1 var(--font-display)}.ui-shell-footer span{font-size:9px}.ui-shell-footer-bottom{display:grid;align-content:center;gap:12px;background:var(--green-dark);color:#fff}.ui-shell-footer-bottom>div{display:flex;gap:8px}.ui-shell-footer-bottom img{width:auto;height:36px;padding:5px;border-radius:6px;background:#fff}.ui-shell-footer-bottom p{display:flex;justify-content:space-between;gap:8px;color:#fff;font-size:9px}
.ui-nav-states{display:flex;align-items:center;justify-content:center;gap:7px}.ui-nav-states a{position:relative;padding:8px 10px;border-radius:9px;color:#000;font-weight:700}.ui-nav-states .is-active{color:var(--green-dark)}.ui-nav-states .is-active::after{content:"";position:absolute;right:10px;bottom:2px;left:10px;height:3px;border-radius:3px;background:var(--red)}.ui-nav-states .is-hover{background:rgba(53,171,82,.18)}.ui-nav-states i{display:inline-block;width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px)}
.ui-board-cell .ui-dropdown{width:100%}.ui-board-cell .ui-dropdown>summary{min-width:0;padding:9px 11px;border-color:var(--black);font-size:11px}.ui-board-cell .ui-dropdown__menu{position:static;min-width:0;margin-top:5px;padding:4px;border-color:var(--black);box-shadow:none;animation:none}.ui-board-cell .ui-dropdown__menu a{padding:5px 8px;font-size:10px}
.ui-breadcrumb{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.ui-breadcrumb a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}.ui-breadcrumb span{color:var(--black)}
.ui-tabs{display:flex;align-items:center;justify-content:center}.ui-tabs button{min-height:38px;padding:8px 12px;border:1px solid var(--gray);border-right:0;background:#fff;color:#000;font-weight:700}.ui-tabs button:first-child{border-radius:12px 0 0 12px}.ui-tabs button:last-child{border-right:1px solid var(--gray);border-radius:0 12px 12px 0}.ui-tabs button.is-active{background:var(--green-dark);color:#fff}
.ui-pagination{display:flex;align-items:center;justify-content:center;gap:5px}.ui-pagination button{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--gray);border-radius:10px;background:#fff;font-size:10px;font-weight:800}.ui-pagination button[aria-current="page"]{border-color:var(--green-dark);background:var(--green-dark);color:#fff}
.ui-demo-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--gray);border-radius:999px;background:#fff;color:#000;font:700 12px/1 var(--font-display);cursor:pointer}.ui-demo-button--primary{border-color:var(--green-dark);background:var(--green-dark);color:#fff}.ui-demo-button--ghost{border-color:var(--green-dark);color:var(--green-dark)}.ui-demo-button--light{border-color:#fff;background:#fff;color:var(--green-dark)}.ui-action-set{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.ui-action-set>span{padding:7px;border-radius:14px;background:var(--green-dark)}.ui-action-set>a{color:var(--green-dark);font-weight:800;text-decoration:underline;text-underline-offset:4px}.ui-action-states{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px}.ui-action-states button:disabled{opacity:.45;cursor:not-allowed}.ui-demo-button--focus{box-shadow:0 0 0 3px #000}.ui-demo-button--loading{border-color:var(--green-dark);background:var(--green-dark);color:#fff}.ui-demo-button--loading i{width:12px;height:12px;margin-right:6px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:ui-board-spin .9s var(--ease-fluid) infinite}

/* Verbindliches Reaktionsmuster für Navigation und Aktionen */
.ui-nav-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}.ui-nav-states a,.ui-board-cell .ui-dropdown>summary,.ui-board-cell .ui-dropdown__menu a,.ui-breadcrumb a,.ui-tabs button,.ui-pagination button,.ui-demo-button,.ui-action-set>a{transition:transform 180ms var(--ease-out),background-color 220ms var(--ease-fluid),border-color 220ms var(--ease-fluid),color 220ms var(--ease-fluid),box-shadow 220ms var(--ease-fluid),opacity 180ms var(--ease-out)}
.ui-nav-states a{display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid transparent;font-size:11px;text-align:center;cursor:pointer}.ui-nav-states a.is-active{border-color:var(--green-dark);background:var(--green-dark);color:var(--white);box-shadow:0 7px 16px rgba(40,128,61,.2)}.ui-nav-states a.is-active::after{background:var(--red)}.ui-nav-states a.is-active i{transform:rotate(45deg) translateY(-2px)}.ui-nav-states i{flex:none;margin-left:6px;transition:transform 220ms var(--ease-fluid)}
.ui-board-cell .ui-dropdown>summary{position:relative;padding-right:34px;border:1px solid var(--black);border-radius:12px;background:var(--white);color:var(--black);list-style:none;cursor:pointer}.ui-board-cell .ui-dropdown>summary::-webkit-details-marker{display:none}.ui-board-cell .ui-dropdown>summary::after{position:absolute;top:50%;right:13px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:translateY(-70%) rotate(45deg);transition:transform 220ms var(--ease-fluid)}.ui-board-cell .ui-dropdown[open]>summary{border-color:var(--green-dark);background:var(--green-dark);color:var(--white);box-shadow:0 7px 16px rgba(40,128,61,.2)}.ui-board-cell .ui-dropdown[open]>summary::after{transform:translateY(-30%) rotate(225deg)}.ui-board-cell .ui-dropdown__menu a{border-radius:8px;color:var(--black);cursor:pointer}.ui-board-cell .ui-dropdown__menu a[aria-current="true"]{background:var(--green-dark);color:var(--white)}
.ui-breadcrumb a{padding:6px 8px;border-radius:8px;text-decoration-thickness:2px}.ui-breadcrumb a.is-activated{background:var(--green-dark);color:var(--white);text-decoration-color:var(--red)}
.ui-tabs button,.ui-pagination button{cursor:pointer}.ui-tabs button.is-active{border-color:var(--green-dark);background:var(--green-dark);color:var(--white);box-shadow:0 7px 16px rgba(40,128,61,.18)}.ui-pagination button[aria-current="page"]{box-shadow:0 7px 16px rgba(40,128,61,.2)}
.ui-demo-button{box-shadow:0 3px 0 transparent}.ui-demo-button.is-activated{border-color:var(--green);background:var(--green);color:var(--white);box-shadow:0 7px 16px rgba(40,128,61,.22)}.ui-action-set>a{position:relative;padding:6px 22px 6px 6px;border-radius:8px;text-decoration:none}.ui-action-set>a::before{position:absolute;right:6px;bottom:4px;left:6px;height:2px;border-radius:2px;background:currentColor;content:"";transform:scaleX(.42);transform-origin:left;transition:transform 220ms var(--ease-fluid)}.ui-action-set>a::after{position:absolute;right:7px;content:"→";transition:transform 220ms var(--ease-out)}.ui-action-set>a.is-activated{background:var(--green-dark);color:var(--white)}.ui-action-set>a.is-activated::before{background:var(--red);transform:scaleX(1)}
.ui-nav-states a:active,.ui-board-cell .ui-dropdown>summary:active,.ui-board-cell .ui-dropdown__menu a:active,.ui-breadcrumb a:active,.ui-tabs button:active,.ui-pagination button:active,.ui-demo-button:not(:disabled):active,.ui-action-set>a:active{transform:translateY(1px) scale(.96)}
@media(hover:hover) and (pointer:fine){.ui-nav-states a:not(.is-active):hover{border-color:var(--green-dark);background:var(--green-dark);color:var(--white);box-shadow:0 8px 18px rgba(40,128,61,.18);transform:translateY(-2px)}.ui-nav-states a:hover i{transform:rotate(45deg) translate(2px,-4px)}.ui-board-cell .ui-dropdown>summary:hover{border-color:var(--green-dark);background:var(--green-dark);color:var(--white);transform:translateY(-2px)}.ui-board-cell .ui-dropdown__menu a:hover{background:var(--green-dark);color:var(--white);transform:translateX(3px)}.ui-breadcrumb a:hover{background:var(--green-dark);color:var(--white);text-decoration-color:var(--red);transform:translateY(-2px)}.ui-tabs button:not(.is-active):hover,.ui-pagination button:not([aria-current="page"]):hover{border-color:var(--green-dark);background:rgba(53,171,82,.16);color:var(--green-dark);box-shadow:0 7px 14px rgba(40,128,61,.14);transform:translateY(-2px)}.ui-demo-button:not(:disabled):hover{box-shadow:0 8px 18px rgba(40,128,61,.2);transform:translateY(-2px)}.ui-demo-button--primary:hover{border-color:var(--green);background:var(--green)}.ui-demo-button--ghost:hover{background:var(--green-dark);color:var(--white)}.ui-demo-button--light:hover{border-color:var(--white);background:#f2fbf4;color:var(--green-dark)}.ui-action-set>a:hover{background:rgba(53,171,82,.16);transform:translateY(-2px)}.ui-action-set>a:hover::before{transform:scaleX(1)}.ui-action-set>a:hover::after{transform:translateX(3px)}}
.ui-content-heading{display:grid;align-content:center;gap:7px}.ui-content-heading strong{color:var(--green-dark);font:700 clamp(24px,2vw,32px)/.95 var(--font-display)}.ui-content-heading p{max-width:55ch;color:var(--black);font-size:11px}.ui-copy-specimen{display:grid;align-content:center;gap:7px}.ui-copy-specimen p,.ui-copy-specimen li{font-size:11px}.ui-copy-specimen ul{display:grid;gap:4px;padding-left:17px}.ui-copy-specimen li::marker{color:var(--red)}
.ui-heading-scale{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px 18px}.ui-heading-scale>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:11px;min-width:0}.ui-heading-scale span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--black);color:var(--white);font-size:9px;font-weight:900}.ui-heading-scale strong{min-width:0;color:var(--green-dark);font-family:var(--font-display);font-weight:800;line-height:1;white-space:nowrap}.ui-heading-scale code{color:var(--black);font:700 8px/1.2 var(--font-body)}.ui-heading-scale__h1 strong{font-size:42px}.ui-heading-scale__h2 strong{font-size:36px}.ui-heading-scale__h3 strong{font-size:31px}.ui-heading-scale__h4 strong{font-size:27px}.ui-heading-scale__h5 strong{font-size:24px}.ui-heading-scale__h6 strong{font-size:21px}
.ui-content-card{display:grid;align-content:center;gap:5px;height:100%;padding:14px;border:1px solid var(--gray);border-radius:64px;background:#fff;color:#000}.ui-content-card__icon{display:grid;place-items:center;width:42px;height:30px;border-radius:999px;background:var(--green);color:#fff;font-size:10px;font-weight:900}.ui-content-card strong{font:700 18px/1 var(--font-display)}.ui-content-card p{color:var(--black);font-size:10px}.ui-content-card--link>span{color:var(--green-dark);font-size:10px;font-weight:800}.ui-media-card{display:grid;grid-template-columns:1.1fr .9fr;height:100%;overflow:hidden;border:1px solid var(--gray);border-radius:64px;color:#000}.ui-media-card>img{width:100%;height:100%;object-fit:cover}.ui-media-card>span{display:grid;align-content:center;gap:4px;padding:10px}.ui-media-card strong{font:700 16px/1 var(--font-display)}.ui-media-card small{color:var(--green-dark)}[data-select-item]:focus-visible{outline:none;box-shadow:none}
.ui-cta-specimen{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--green-dark);color:#fff}.ui-cta-specimen strong{color:#fff;font:700 21px/1 var(--font-display)}.ui-cta-specimen p{margin-top:5px;color:#fff;font-size:10px}.ui-faq-specimen{display:grid;align-content:center;gap:6px}.ui-faq-specimen details{padding:7px 9px;border:1px solid var(--gray);border-radius:12px}.ui-faq-specimen summary{font-size:10px;font-weight:800;cursor:pointer}.ui-faq-specimen p{margin-top:5px;color:var(--black);font-size:9px}.ui-trust-specimen{display:grid;align-content:center;gap:8px}.ui-trust-specimen>strong{font:700 14px var(--font-display)}.ui-trust-specimen>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ui-trust-specimen span{display:grid;place-items:center;min-height:44px;border:1px solid var(--gray);font-size:9px;font-weight:800}
.ui-form-specimen{display:grid;align-content:center;gap:6px}.ui-form-specimen label{display:block}.ui-form-specimen input,.ui-form-specimen select,.ui-form-specimen textarea{width:100%;padding:10px 11px;border:1.5px solid var(--gray);border-radius:12px;background:#fff;color:#000;font-size:12px}.ui-form-specimen input::placeholder,.ui-form-specimen textarea::placeholder{color:var(--black);opacity:1}.ui-form-specimen input:focus,.ui-form-specimen select:focus,.ui-form-specimen textarea:focus{outline:none;border-color:var(--green-dark);box-shadow:0 0 0 3px rgba(53,171,82,.25)}.ui-form-specimen small{color:var(--black);font-size:9px}.ui-form-specimen.is-invalid input{border-color:var(--red-dark);box-shadow:0 0 0 3px rgba(234,80,69,.18)}.ui-form-specimen.is-invalid small{color:var(--red-dark);font-weight:800}.ui-form-specimen input:disabled{background:var(--ui-soft);color:var(--black)}
.ui-check-specimen{display:grid;align-content:center;gap:9px}.ui-check-specimen label{display:flex;align-items:flex-start;gap:8px;font-size:10px}.ui-check-specimen input{width:18px;height:18px;accent-color:var(--green-dark)}.ui-check-specimen a{color:var(--green-dark);text-decoration:underline}.ui-upload-specimen{display:grid;align-content:stretch}.ui-upload-specimen .file-dropzone{min-height:100%}.ui-upload-specimen .file-dropzone__idle strong,.ui-upload-specimen .file-dropzone__active{font-size:15px}.ui-upload-specimen .file-dropzone__idle small{font-size:10px}
.ui-notice{display:flex;gap:9px;padding:11px;border:1px solid var(--gray);border-radius:14px}.ui-notice>i{width:9px;height:9px;flex:none;margin-top:4px;border-radius:50%;background:currentColor}.ui-notice strong{font-size:11px}.ui-notice p{margin-top:2px;color:inherit;font-size:9px}.ui-notice--info{color:#000}.ui-notice--success{border-color:var(--green);color:var(--green-dark)}.ui-notice--error{border-color:var(--red);color:var(--red-dark)}.ui-loading{display:flex;align-items:center;justify-content:center;gap:9px}.ui-loading i{width:20px;height:20px;border:3px solid var(--green);border-right-color:transparent;border-radius:50%;animation:ui-board-spin .9s var(--ease-fluid) infinite}.ui-loading strong{font-size:11px}.ui-empty{display:grid;align-content:center;justify-items:start;gap:4px}.ui-empty strong{font:700 17px var(--font-display)}.ui-empty p{color:var(--black);font-size:9px}.ui-empty button{margin-top:4px;padding:7px 9px;border:1px solid var(--green-dark);border-radius:999px;background:#fff;color:var(--green-dark);font-size:9px;font-weight:800}
.ui-overlay-preview{display:grid;place-items:center;background:rgba(0,0,0,.58)}.ui-overlay-preview>div{padding:12px;border-radius:16px;background:#fff}.ui-overlay-preview strong{font:700 14px var(--font-display)}.ui-overlay-preview p{margin:4px 0 8px;color:var(--black);font-size:9px}.ui-overlay-preview button{padding:6px 8px;border:0;border-radius:999px;background:var(--green-dark);color:#fff;font-size:9px;font-weight:800}.ui-popup-specimen{position:relative;display:grid;align-content:center;gap:4px;border:1px solid var(--gray);border-radius:16px}.ui-popup-specimen>button{position:absolute;top:5px;right:5px;border:0;background:transparent;color:var(--black);font-size:8px}.ui-popup-specimen>strong{font:700 15px var(--font-display)}.ui-popup-specimen p{color:var(--black);font-size:9px}.ui-popup-specimen a{width:max-content;color:var(--green-dark);font-size:9px;font-weight:800;text-decoration:underline}.ui-contact-specimen{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px}.ui-contact-specimen img{width:46px;height:46px;border-radius:50%;object-fit:cover}.ui-contact-specimen>div{display:grid}.ui-contact-specimen small,.ui-contact-specimen span{color:var(--black);font-size:8px}.ui-contact-specimen strong{font-size:11px}.ui-contact-specimen button{padding:7px 9px;border:0;border-radius:999px;background:var(--green-dark);color:#fff;font-size:9px;font-weight:800}
.ui-motion-tokens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ui-motion-tokens>span{display:grid;align-content:center;gap:2px;padding:7px 9px;border-block:1px solid var(--ui-line)}.ui-motion-tokens small{color:var(--black);font-size:8px}.ui-motion-tokens strong,.ui-motion-tokens code{color:var(--black);font-size:9px;line-height:1.2;overflow-wrap:anywhere}.ui-motion-demo{display:grid;grid-template-rows:minmax(58px,1fr) auto;gap:8px}.ui-motion-stage{display:grid;align-items:center;min-height:58px;overflow:hidden;padding:8px 0;border-block:1px solid var(--ui-line);background:var(--ui-soft)}.ui-motion-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-motion-controls button{min-height:30px;padding:6px 10px;border:0;border-radius:999px;background:var(--green-dark);color:var(--white);font-size:9px;font-weight:900;cursor:pointer;transition:transform 160ms var(--ease-out),background-color 200ms var(--ease-fluid)}.ui-motion-controls button:active{transform:scale(.97)}.ui-motion-controls output{color:var(--black);font-size:8px;font-weight:800;text-align:right}.ui-motion-sample{display:grid;align-content:center;gap:2px;width:calc(100% - 16px);min-height:44px;margin-inline:8px;padding:8px 10px;border:1px solid var(--green-dark);border-radius:12px;background:var(--white);color:var(--black);opacity:1;transform:translate3d(0,0,0);transition:opacity 200ms var(--ease-out),transform 250ms var(--ease-out)}.ui-motion-sample strong{font:700 12px/1 var(--font-display)}.ui-motion-sample span{color:var(--black);font-size:8px;line-height:1.25}.ui-motion-sample--bar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border-radius:999px}.ui-motion-stage--split{grid-template-columns:1fr 1fr;gap:6px}.ui-motion-stage--split .ui-motion-sample{width:auto;margin-inline:6px}.ui-motion-stage--bottom{align-items:end}.ui-motion-sample--drawer{border-radius:12px 12px 0 0}.ui-motion-demo[data-state="hidden"] [data-motion-target]{opacity:0}.ui-motion-demo[data-motion-kind="top"][data-state="hidden"] [data-motion-target]{transform:translate3d(0,calc(-100% - 16px),0)}.ui-motion-demo[data-motion-kind="sides"][data-state="hidden"] [data-motion-side="left"]{transform:translate3d(calc(-100% - 16px),0,0)}.ui-motion-demo[data-motion-kind="sides"][data-state="hidden"] [data-motion-side="right"]{transform:translate3d(calc(100% + 16px),0,0)}.ui-motion-demo[data-motion-kind="bottom"][data-state="hidden"] [data-motion-target]{transform:translate3d(0,calc(100% + 16px),0)}.ui-motion-sample--section{clip-path:inset(0 0 0 0);transition:clip-path 600ms var(--ease-fluid),opacity 200ms var(--ease-out)}.ui-motion-demo[data-motion-kind="reveal"][data-state="hidden"] [data-motion-target]{clip-path:inset(0 0 100% 0);opacity:1}.ui-motion-demo--topbar .ui-motion-stage{padding-inline:8px}.ui-motion-topbar{display:grid;grid-template-columns:70px repeat(3,auto) minmax(62px,auto);align-items:center;gap:8px;width:100%;height:46px;overflow:hidden;padding:5px 6px 5px 11px;border:1px solid var(--green-dark);border-radius:999px;background:var(--white);clip-path:inset(0 0 0 0 round 999px);transition:clip-path 500ms var(--ease-fluid)}.ui-motion-topbar img{width:62px;max-height:27px;object-fit:contain}.ui-motion-topbar span{font-size:8px;font-weight:800;text-align:center;opacity:1;transform:translate3d(0,0,0);transition:opacity 200ms var(--ease-out),transform 500ms var(--ease-fluid)}.ui-motion-topbar b{justify-self:end;padding:7px 9px;border-radius:999px;background:var(--green-dark);color:var(--white);font-size:8px;opacity:1;transform:translate3d(0,0,0);transition:opacity 200ms var(--ease-out),transform 500ms var(--ease-fluid)}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar{clip-path:inset(0 calc(100% - 84px) 0 0 round 999px)}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar span,.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar b{opacity:0;transform:translate3d(-12px,0,0)}
.ui-world-tabs{display:flex;align-items:center;gap:7px;min-width:0}.ui-world-tabs button{display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 11px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;color:#000;font-weight:800;cursor:pointer}.ui-world-tabs button span{font-size:9px;font-weight:700}.ui-world-tabs button.is-active{border-color:#000;background:#000;color:#fff}.ui-world-tabs p{margin-left:auto;color:#000;font-size:9px;font-weight:700}.ui-world-board{min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.ui-world-board[hidden]{display:none}.ui-world-board>.ui-board-cell{grid-column:span 4}.ui-world-board>.ui-board-cell:nth-child(4),.ui-world-board>.ui-board-cell:nth-child(5){grid-column:span 6}.ui-world-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:6px}.ui-world-palette span{display:flex;align-items:flex-end;justify-content:center;min-width:0;padding:6px;border-radius:10px;background:var(--swatch);color:#fff;font-size:8px;font-weight:900;text-shadow:0 1px 3px #000}.ui-world-palette span:first-child,.ui-world-palette--pizza span:first-child,.ui-world-palette--eiswelt span:first-child{border:1px solid rgba(0,0,0,.13);color:#000;text-shadow:none}.ui-world-palette strong{grid-column:1/-1;font-size:10px}.ui-world-topbars{display:grid;align-content:center;gap:9px}.ui-world-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:45px;padding:5px 7px 5px 12px;border:1px solid currentColor;border-radius:999px}.ui-world-topbar.is-scrolled{height:39px;opacity:.92;box-shadow:0 7px 18px rgba(0,0,0,.16)}.ui-world-topbar img{width:58px;height:27px;object-fit:contain}.ui-world-theme--nomad .ui-world-topbar img{filter:none}.ui-world-topbar span{font-size:9px;font-weight:800;text-align:center}.ui-world-topbar button,.ui-world-controls>button,.ui-world-close>button{min-height:30px;padding:6px 10px;border:0;border-radius:999px;font-size:9px;font-weight:900}.ui-world-hero{display:grid;grid-template-columns:minmax(0,1fr) 42%;align-items:center;gap:8px;overflow:hidden}.ui-world-hero>div{display:grid;gap:5px}.ui-world-hero strong{font:700 clamp(18px,1.5vw,25px)/.98 var(--font-display)}.ui-world-hero p{font-size:9px;line-height:1.3}.ui-world-hero img{width:100%;height:100%;min-height:0;object-fit:contain}.ui-world-controls{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px}.ui-world-controls>a{font-size:9px;font-weight:900;text-decoration:underline;text-underline-offset:3px}.ui-world-controls>div{display:grid;align-content:center;align-self:stretch;gap:3px;padding:10px;border:1px solid currentColor;border-radius:22px}.ui-world-controls strong{font:700 16px/1 var(--font-display)}.ui-world-controls span{font-size:9px}.ui-world-close{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:8px}.ui-world-close input{min-width:0;height:34px;padding:8px 10px;border:1px solid currentColor;border-radius:10px;background:#fff;color:#000;font-size:10px}.ui-world-close p{grid-column:1/-1;margin:0;padding:9px;border-radius:12px;font-size:9px;font-weight:800}.ui-world-theme--nomad{color:#f5efe7;background:#120d0b}.ui-world-theme--nomad p{color:#f5efe7}.ui-world-theme--nomad .ui-world-topbar{border-color:rgba(245,239,231,.16);background:#251914}.ui-world-theme--nomad button{background:#d8b46a;color:#17100d}.ui-world-theme--nomad a{color:#ecd08f}.ui-world-theme--nomad .ui-world-controls>div,.ui-world-theme--nomad .ui-world-close p{border-color:rgba(245,239,231,.15);background:#251914}.ui-world-theme--pizza{color:#15391d;background:#fff8ef}.ui-world-theme--pizza .ui-world-topbar{border-color:rgba(21,83,34,.18);background:rgba(255,255,255,.9)}.ui-world-theme--pizza button{background:#145324;color:#fff}.ui-world-theme--pizza a{color:#cb413a}.ui-world-theme--pizza .ui-world-controls>div,.ui-world-theme--pizza .ui-world-close p{border-color:rgba(21,83,34,.16);background:#eaf5eb}.ui-world-theme--eiswelt{color:#3c241d;background:#fff9ed}.ui-world-theme--eiswelt .ui-world-topbar{border-color:rgba(184,63,96,.2);background:#fffdfa}.ui-world-theme--eiswelt button{background:#b83f60;color:#fff}.ui-world-theme--eiswelt a{color:#b83f60}.ui-world-theme--eiswelt .ui-world-controls>div,.ui-world-theme--eiswelt .ui-world-close p{border-color:rgba(184,63,96,.18);background:#fae8e5}
.ui-board-dialog{width:min(520px,calc(100% - 32px));margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:#000;box-shadow:0 24px 70px rgba(0,0,0,.34)}.ui-board-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}.ui-board-dialog form{display:grid;gap:12px;padding:28px}.ui-board-dialog h2{margin:0;color:#000;font:700 28px/1 var(--font-display)}.ui-board-dialog p{color:var(--black)}.ui-board-dialog form>div{display:flex;justify-content:flex-end;gap:8px}.ui-board-dialog button{padding:10px 13px;border:1px solid var(--green-dark);border-radius:999px;background:#fff;color:var(--green-dark);font-weight:800}.ui-board-dialog button:last-child{background:var(--green-dark);color:#fff}.ui-board-toast{position:fixed;right:18px;bottom:18px;z-index:30;padding:10px 14px;border-radius:12px;background:#000;color:#fff;font-weight:800;box-shadow:var(--ui-shadow)}.ui-board-toast[hidden]{display:none}
@keyframes ui-board-spin{to{transform:rotate(360deg)}}
@media(min-width:1181px) and (min-height:721px){#ACTION-02{grid-column:span 6}}
@media(max-width:1180px),(max-height:720px){.ui-board-page{height:auto;min-height:100dvh;overflow:auto;grid-template-rows:auto auto auto}.ui-board-main{min-height:700px}.ui-board-view,.ui-board-view[data-board-view="shell"],.ui-board-view[data-board-view="motion"],.ui-board-view[data-board-view="exceptions"]{height:auto;grid-template-rows:none;grid-auto-rows:minmax(220px,auto)}.ui-board-cell,.ui-board-view[data-board-view="shell"] #SHELL-01,.ui-board-view[data-board-view="shell"] #SHELL-07,.ui-board-view[data-board-view="shell"] #SHELL-02,.ui-board-view[data-board-view="shell"] #SHELL-03,.ui-board-view[data-board-view="shell"] #SHELL-04,.ui-board-view[data-board-view="shell"] #SHELL-05,.ui-board-view[data-board-view="shell"] #SHELL-06,.ui-board-view[data-board-view="navigation"] .ui-board-cell--wide,.ui-board-view[data-board-view="content"] .ui-board-cell--wide,.ui-board-view[data-board-view="motion"] #MOTION-01,.ui-board-view[data-board-view="motion"] #MOTION-02,.ui-board-view[data-board-view="motion"] #MOTION-03,.ui-board-view[data-board-view="motion"] #MOTION-04,.ui-board-view[data-board-view="motion"] #MOTION-05,.ui-board-view[data-board-view="motion"] #MOTION-06,.ui-board-view[data-board-view="motion"] #MOTION-07{grid-column:span 6}.ui-board-cell--wide,.ui-board-cell--xwide{grid-column:span 12}.ui-board-cell--full{grid-column:1/-1;grid-row:auto}.ui-board-toolbar{grid-template-columns:auto 1fr}.ui-board-toolbar__actions{grid-column:1/-1;justify-content:space-between}.ui-world-tabs{flex-wrap:wrap}.ui-world-tabs p{width:100%;margin:0}.ui-world-board{grid-template-rows:none;grid-auto-rows:minmax(220px,auto)}.ui-world-board>.ui-board-cell,.ui-world-board>.ui-board-cell:nth-child(4),.ui-world-board>.ui-board-cell:nth-child(5){grid-column:span 6}}
@media(max-width:720px){.ui-board-toolbar{grid-template-columns:auto 1fr;padding:10px 12px}.ui-board-title h1{font-size:27px}.ui-board-title p span{display:none}.ui-board-binding{display:none}.ui-board-toolbar__actions{grid-column:2;grid-row:2}.ui-board-export{width:100%}.ui-board-tabs{padding-inline:12px}.ui-board-main{padding:8px}.ui-board-view[data-board-view="exceptions"]{grid-auto-rows:auto;align-content:start}.ui-board-cell,.ui-board-cell--wide,.ui-board-cell--xwide,.ui-board-view[data-board-view="shell"] #SHELL-01,.ui-board-view[data-board-view="shell"] #SHELL-07,.ui-board-view[data-board-view="shell"] #SHELL-02,.ui-board-view[data-board-view="shell"] #SHELL-03,.ui-board-view[data-board-view="shell"] #SHELL-04,.ui-board-view[data-board-view="shell"] #SHELL-05,.ui-board-view[data-board-view="shell"] #SHELL-06,.ui-board-view[data-board-view="navigation"] .ui-board-cell--wide,.ui-board-view[data-board-view="content"] .ui-board-cell--wide,.ui-board-view[data-board-view="motion"] #MOTION-01,.ui-board-view[data-board-view="motion"] #MOTION-02,.ui-board-view[data-board-view="motion"] #MOTION-03,.ui-board-view[data-board-view="motion"] #MOTION-04,.ui-board-view[data-board-view="motion"] #MOTION-05,.ui-board-view[data-board-view="motion"] #MOTION-06,.ui-board-view[data-board-view="motion"] #MOTION-07,.ui-world-board>.ui-board-cell,.ui-world-board>.ui-board-cell:nth-child(4),.ui-world-board>.ui-board-cell:nth-child(5){grid-column:1/-1}.ui-board-cell>header{grid-template-columns:auto 1fr}.ui-board-cell>header>span{grid-column:2;justify-self:start}.ui-palette{grid-template-columns:1fr 1fr}.ui-binding-list{grid-template-columns:1fr 1fr}.ui-heading-scale{grid-template-columns:1fr}.ui-shell-topbar{grid-template-columns:auto 1fr}.ui-shell-topbar nav{display:none}.ui-shell-footer{grid-template-columns:1fr 1fr}.ui-motion-tokens{grid-template-columns:1fr 1fr}.ui-motion-topbar{grid-template-columns:70px minmax(40px,1fr) auto}.ui-motion-topbar span:nth-of-type(2),.ui-motion-topbar span:nth-of-type(3){display:none}.ui-world-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.ui-world-tabs button{justify-content:center}.ui-world-tabs button span,.ui-world-tabs p{display:none}.ui-world-controls{grid-template-columns:1fr 1fr}.ui-world-controls>div{grid-column:1/-1}.ui-action-set{justify-content:flex-start}}
.ui-world-palette--eiswelt span{align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:1px;color:#251914;text-shadow:none}.ui-world-palette--eiswelt span:nth-child(3){color:#fff}.ui-world-palette--eiswelt span b{font-size:9px;line-height:1}.ui-world-palette--eiswelt span small{color:inherit;font-size:8px;font-weight:900}.ui-world-theme--eiswelt{color:#251914;background:#F4DFC4}.ui-world-theme--eiswelt .ui-world-topbar{border-color:rgba(37,25,20,.2);background:#fffdfa}.ui-world-theme--eiswelt button{background:#251914;color:#fff}.ui-world-theme--eiswelt a{color:#251914}.ui-world-theme--eiswelt .ui-world-controls>div,.ui-world-theme--eiswelt .ui-world-close p{border-color:rgba(37,25,20,.2);background:#EFD1D5}
.ui-board-view[data-board-view="surfaces"]{grid-template:32px minmax(0,1fr)/minmax(0,1fr)}
.ui-board-view[data-board-view="transitions"]{grid-template:44px minmax(0,1fr)/minmax(0,1fr)}
.ui-board-view-note{display:flex;align-items:center;margin:0;color:var(--black);font-size:9px;font-weight:700}
.ui-transition-set-tabs{display:flex;align-items:center;gap:6px;min-width:0}.ui-transition-set-tabs button{min-height:34px;padding:6px 11px;border:1px solid var(--green-dark);border-radius:999px;background:var(--white);color:var(--green-dark);font-size:9px;font-weight:900;cursor:pointer;transition:background-color 220ms var(--ease-fluid),color 220ms var(--ease-fluid),transform 160ms var(--ease-out)}.ui-transition-set-tabs button.is-active{background:var(--green-dark);color:var(--white)}.ui-transition-set-tabs button:active{transform:scale(.97)}.ui-transition-set-tabs p{margin-left:4px;color:var(--black);font-size:9px;font-weight:700}.ui-transition-set-board[hidden]{display:none}.ui-transition-set-board--live{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
.ui-surface-board{min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.ui-surface-board[hidden]{display:none}.ui-surface-board>.ui-board-cell{grid-column:auto}.ui-board-cell[data-status="variante"]>header>span{border-color:var(--black);color:var(--black)}
.ui-board-cell[data-status="im-einsatz"]>header>span{border-color:var(--green-dark);background:var(--green-dark);color:var(--white)}
.ui-surface-cell>header{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:8px}.ui-surface-cell>header>button{padding:4px 6px;font-size:8px}.ui-surface-cell>header h3{font-size:14px}.ui-surface-cell>header p{font-size:8px}.ui-surface-cell>header>span{grid-column:2;justify-self:start;padding:3px 6px;font-size:8px}.ui-surface-cell>.ui-board-cell__body{padding:8px}.ui-surface-cell>footer{padding:5px 8px;font-size:8px}
.ui-surface-preview{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;isolation:isolate;background:var(--white);color:var(--black)}.ui-surface-preview>strong{position:relative;z-index:4;max-width:18ch;font:700 14px/1.05 var(--font-display);text-align:center}.ui-surface-preview>i{position:absolute;z-index:1;display:block}.ui-surface-preview>.ui-surface-organic{position:absolute;inset:0;z-index:1;width:100%;height:100%}.ui-surface-organic path{stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.ui-surface-title--brush{display:grid;justify-items:center;gap:.18em;max-width:none!important;color:var(--white)}.ui-marker-line{--marker-bar-thickness:1em;--marker-bar-offset:.642857em;--marker-bar-offset-2:1.285714em;--marker-angle-1:0deg;--marker-angle-2:0deg;--marker-angle-3:0deg;--marker-length-1:1;--marker-length-2:1;--marker-length-3:1;position:relative;display:block;width:max-content;max-width:100%;white-space:nowrap}.ui-marker-line>svg{position:absolute;top:calc(50% - var(--marker-bar-offset));left:50%;z-index:-1;width:115%;height:1.6em;overflow:visible;transform:translate(-50%,-50%)}.ui-marker-line>span{position:relative;z-index:1}.ui-marker-stroke{stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;transform-box:fill-box;transform-origin:center}.ui-marker-stroke:first-child{transform:rotate(var(--marker-angle-1)) scaleX(var(--marker-length-1)) scaleY(-1.25)}.ui-marker-stroke:nth-child(2){transform:translateY(var(--marker-bar-offset)) rotate(var(--marker-angle-2)) scaleX(var(--marker-length-2)) scaleY(-1.25)}.ui-marker-stroke:nth-child(3){transform:translateY(var(--marker-bar-offset-2)) rotate(var(--marker-angle-3)) scaleX(var(--marker-length-3)) scaleY(-1.25)}.ui-marker-stroke--green{fill:var(--green);stroke:var(--green)}.ui-marker-stroke--red{fill:var(--red);stroke:var(--red)}
.ui-marker-line>span{top:var(--marker-text-shift-y,0px)}
#SURFACE-01 .ui-marker-line{--marker-seed:surface-01-line-1;--marker-angle-1:2.24deg;--marker-angle-2:-2.24deg;--marker-angle-3:1.09deg;--marker-length-1:1.024;--marker-length-2:.947;--marker-length-3:.951}
#SURFACE-02 .ui-surface-title>.ui-marker-line:nth-child(1){--marker-seed:surface-02-line-1;--marker-angle-1:3.79deg;--marker-angle-2:-6.04deg;--marker-angle-3:-5.44deg;--marker-length-1:.994;--marker-length-2:.954;--marker-length-3:1.059}
#SURFACE-02 .ui-surface-title>.ui-marker-line:nth-child(2){--marker-seed:surface-02-line-2;--marker-angle-1:-4.54deg;--marker-angle-2:5.58deg;--marker-angle-3:-.03deg;--marker-length-1:1.068;--marker-length-2:1.026;--marker-length-3:1.048}
#SURFACE-04 .ui-surface-title>.ui-marker-line:nth-child(1){--marker-seed:surface-04-line-1;--marker-angle-1:6.79deg;--marker-angle-2:-6.57deg;--marker-angle-3:5.21deg;--marker-length-1:1.010;--marker-length-2:1.069;--marker-length-3:1.061}
#SURFACE-04 .ui-surface-title>.ui-marker-line:nth-child(2){--marker-seed:surface-04-line-2;--marker-angle-1:1.78deg;--marker-angle-2:6.03deg;--marker-angle-3:1.45deg;--marker-length-1:1.015;--marker-length-2:1.025;--marker-length-3:1.040}
#SURFACE-06 .ui-surface-title>.ui-marker-line:nth-child(1){--marker-seed:surface-06-line-1;--marker-angle-1:-1.79deg;--marker-angle-2:-6.36deg;--marker-angle-3:6.97deg;--marker-length-1:.974;--marker-length-2:.953;--marker-length-3:1.008}
#SURFACE-06 .ui-surface-title>.ui-marker-line:nth-child(2){--marker-seed:surface-06-line-2;--marker-angle-1:6.15deg;--marker-angle-2:-3.98deg;--marker-angle-3:3.69deg;--marker-length-1:1.066;--marker-length-2:1.023;--marker-length-3:1.026}
#SURFACE-08 .ui-marker-line{--marker-seed:surface-08-line-1;--marker-angle-1:-1.35deg;--marker-angle-2:6.31deg;--marker-angle-3:.33deg;--marker-length-1:1.033;--marker-length-2:1.061;--marker-length-3:.950}
.ui-surface-preview--01{background:var(--white)}.ui-surface-preview--01 .ui-surface-fill-1{fill:var(--green);stroke:var(--green)}.ui-surface-preview--01>.ui-surface-title-shape{inset:11% 3% auto 25%;width:70%;height:54%}.ui-surface-preview--01>strong{position:absolute;top:29%;right:8%;width:62%}
.ui-surface-preview--02{background:var(--white)}.ui-surface-preview--02 .ui-surface-fill-1{fill:var(--green-dark);stroke:var(--green-dark)}
.ui-surface-preview--03{background:var(--white)}.ui-surface-preview--03>i{position:absolute;z-index:1;width:61%;height:136%;background:var(--green)}.ui-surface-preview--03>i:first-child{left:-35%;top:-18%;border-radius:42% 58% 46% 54% / 35% 44% 56% 65%;transform:rotate(-4deg)}.ui-surface-preview--03>i:nth-child(2){right:-37%;bottom:-31%;border-radius:58% 42% 54% 46% / 48% 62% 38% 52%;background:var(--green-dark);transform:rotate(5deg)}.ui-surface-preview--03>strong{color:var(--green-dark)}
.ui-surface-preview--04{background:var(--white)}.ui-surface-preview--04>.ui-surface-title-shape{inset:24% 2% auto;width:96%;height:56%}.ui-surface-preview--04>strong{max-width:14ch;color:var(--white)}
.ui-surface-preview--05{background:var(--white)}.ui-surface-preview--05 .ui-surface-fill-1{fill:var(--green);stroke:var(--green)}.ui-surface-preview--05 .ui-surface-fill-2{fill:var(--red);stroke:var(--red)}.ui-surface-preview--05>strong{max-width:9ch;color:var(--black);font-size:13px}
.ui-surface-preview--06{background:var(--green-dark)}.ui-surface-preview--06 .ui-surface-fill-1{fill:var(--green);stroke:var(--green)}.ui-surface-preview--06>.ui-surface-title-shape{inset:10% 3% auto;width:94%;height:58%}
.ui-surface-preview--07{grid-template-columns:58% 42%;background:var(--green-dark)}.ui-surface-preview--07::before{position:absolute;top:-18%;bottom:-18%;left:-12%;z-index:1;width:72%;border-radius:0 47% 53% 0 / 0 42% 58% 0;background:url('../img/pages/local-hub-cafeteria-hero.jpg') center/cover;content:"";transform:rotate(-2deg)}.ui-surface-preview--07>i{display:none}.ui-surface-preview--07>strong{grid-column:2;max-width:9ch;padding:8px;color:var(--white);text-align:left}
.ui-surface-preview--08{background:var(--white)}.ui-surface-preview--08 .ui-surface-fill-1{fill:var(--green);stroke:var(--green)}.ui-surface-preview--08 .ui-surface-fill-2{fill:var(--green-dark);stroke:var(--green-dark)}.ui-surface-preview--08>.ui-surface-title-shape{inset:19% 10% auto;width:80%;height:52%}.ui-surface-preview--08>strong{max-width:17ch!important;font-size:11px;white-space:nowrap;transform:translateY(-5px)}
.ui-surface-preview--09{background:#120D0B}.ui-surface-preview--09 .ui-surface-fill-1{fill:#251914;stroke:#251914}.ui-surface-preview--09 .ui-surface-fill-2{fill:#D8B46A;stroke:#D8B46A}.ui-surface-preview--09>strong{justify-self:start;max-width:8ch;margin-left:9%;color:#F5EFE7;text-align:left}
.ui-surface-preview--10{background:#251914}.ui-surface-preview--10 .ui-surface-fill-1{fill:#F4DFC4;stroke:#F4DFC4}.ui-surface-preview--10 .ui-surface-fill-2{fill:#EFD1D5;stroke:#EFD1D5}.ui-surface-preview--10 .ui-surface-fill-3{fill:#DCE5C4;stroke:#DCE5C4}.ui-surface-preview--10>strong{align-self:end;justify-self:end;max-width:10ch;margin:0 4% 12%;color:#251914;font-size:12px;text-align:right}
.ui-section-transition{display:grid;grid-template-rows:minmax(58px,1fr) auto;gap:6px}.ui-transition-stage{position:relative;min-height:58px;overflow:hidden;background:var(--white)}.ui-transition-layer{position:absolute;inset:0;display:grid;place-items:center;padding:8px;color:var(--white);opacity:0;transition:opacity 250ms var(--ease-out),transform 500ms var(--ease-fluid),clip-path 500ms var(--ease-fluid)}.ui-transition-layer strong{position:relative;z-index:4;color:inherit;font:700 14px/1 var(--font-display);text-align:center}.ui-transition-layer--a{background:var(--green-dark);opacity:1}.ui-transition-layer--b{background:var(--red)}.ui-section-transition[data-state="b"] .ui-transition-layer--a{opacity:0}.ui-section-transition[data-state="b"] .ui-transition-layer--b{opacity:1}.ui-transition-controls{display:flex;align-items:center;justify-content:space-between;gap:6px}.ui-transition-controls button{min-height:28px;padding:5px 8px;border:0;border-radius:999px;background:var(--green-dark);color:var(--white);font-size:8px;font-weight:900;cursor:pointer;transition:transform 160ms var(--ease-out),background-color 200ms var(--ease-fluid)}.ui-transition-controls button:active{transform:scale(.97)}.ui-transition-controls output{color:var(--black);font-size:7px;font-weight:800;text-align:right}
.ui-section-transition--02 .ui-transition-layer{opacity:1}.ui-section-transition--02 .ui-transition-layer--b{transform:translate3d(0,100%,0)}.ui-section-transition--02[data-state="b"] .ui-transition-layer--a{opacity:1;transform:translate3d(0,-100%,0)}.ui-section-transition--02[data-state="b"] .ui-transition-layer--b{transform:translate3d(0,0,0)}
.ui-section-transition--03 .ui-transition-layer--b{clip-path:inset(100% 0 0 0);opacity:1}.ui-section-transition--03[data-state="b"] .ui-transition-layer--b{clip-path:inset(0 0 0 0)}
.ui-section-transition--04 .ui-transition-layer--b{clip-path:inset(0 100% 0 0);opacity:1}.ui-section-transition--04[data-state="b"] .ui-transition-layer--b{clip-path:inset(0 0 0 0)}
.ui-section-transition--05 .ui-transition-layer--a{background:var(--white);color:var(--black)}.ui-section-transition--05 .ui-transition-layer--b{display:block;overflow:hidden;padding:0;background:var(--white)}.ui-section-transition--05 .ui-transition-layer--b>span{position:absolute;inset-block:0;display:grid;place-items:center;width:50%;color:var(--white);transition:transform 500ms var(--ease-fluid)}.ui-section-transition--05 .ui-transition-layer--b>span:first-child{left:0;background:var(--green-dark);transform:translate3d(-100%,0,0)}.ui-section-transition--05 .ui-transition-layer--b>span:nth-child(2){right:0;background:var(--green);transform:translate3d(100%,0,0)}.ui-section-transition--05[data-state="b"] .ui-transition-layer--b>span{transform:translate3d(0,0,0)}
.ui-section-transition--06 .ui-transition-layer{opacity:1}.ui-section-transition--06 .ui-transition-layer--a{background:var(--white);color:var(--black)}.ui-section-transition--06 .ui-transition-layer--b{background:var(--green-dark);transform:translate3d(100%,0,0)}.ui-section-transition--06[data-state="b"] .ui-transition-layer--a{opacity:1;transform:translate3d(-100%,0,0)}.ui-section-transition--06[data-state="b"] .ui-transition-layer--b{transform:translate3d(0,0,0)}
.ui-section-transition--07 .ui-transition-layer{transform:none}.ui-section-transition--07 .ui-transition-layer--a{background:var(--green-dark)}.ui-section-transition--07 .ui-transition-layer--b{background:var(--white);color:var(--green-dark)}
.ui-section-transition--08 .ui-transition-layer{opacity:1;transition-duration:550ms}.ui-section-transition--08 .ui-transition-layer--a{background:url('../img/pages/local-hub-cafeteria-hero.jpg') center/cover}.ui-section-transition--08 .ui-transition-layer--a strong{padding:6px 9px;border-radius:999px;background:var(--white);color:var(--black)}.ui-section-transition--08 .ui-transition-layer--b{background:var(--green-dark);transform:translate3d(100%,0,0)}.ui-section-transition--08[data-state="b"] .ui-transition-layer--a{opacity:1;transform:translate3d(-100%,0,0)}.ui-section-transition--08[data-state="b"] .ui-transition-layer--b{transform:translate3d(0,0,0)}
.ui-section-transition--09 .ui-transition-layer--b{clip-path:polygon(100% 0,100% 0,100% 100%,78% 100%);opacity:1}.ui-section-transition--09[data-state="b"] .ui-transition-layer--b{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.ui-section-transition--10 .ui-transition-layer--a{background:var(--white);color:var(--black)}.ui-section-transition--10 .ui-transition-layer--b{clip-path:inset(0 100% 0 0);opacity:1;background:var(--red)}.ui-section-transition--10[data-state="b"] .ui-transition-layer--b{clip-path:inset(0 0 0 0)}
.ui-section-transition--11 .ui-transition-layer{opacity:1;transition:transform 700ms var(--ease-fluid)}.ui-section-transition--11 .ui-transition-layer--a{background:var(--white);color:var(--green-dark)}.ui-section-transition--11 .ui-transition-layer--b{background:var(--green);transform:translate3d(100%,0,0)}.ui-section-transition--11[data-state="b"] .ui-transition-layer--a{opacity:1;transform:translate3d(-100%,0,0)}.ui-section-transition--11[data-state="b"] .ui-transition-layer--b{transform:translate3d(0,0,0)}.ui-live-intro i,.ui-live-regiomat i{position:absolute;z-index:1;display:block;width:70%;height:150%;background:var(--green);border-radius:46% 54% 60% 40%}.ui-live-intro i{right:-42%;bottom:-88%;transform:rotate(-18deg)}.ui-live-regiomat i{left:-49%;top:-85%;background:var(--green-dark);transform:rotate(14deg)}
.ui-section-transition--12 .ui-transition-layer--a{overflow:hidden;background:var(--white);color:var(--green-dark);opacity:1;transition:opacity 700ms var(--ease-fluid)}.ui-live-products>span{position:absolute;display:block;width:18px;height:18px;border-radius:6px;background:var(--red);transition:transform 700ms var(--ease-fluid),opacity 500ms var(--ease-out)}.ui-live-products>span:nth-of-type(1){top:17%;left:13%}.ui-live-products>span:nth-of-type(2){right:15%;top:23%;background:var(--green)}.ui-live-products>span:nth-of-type(3){left:20%;bottom:14%;background:var(--green-dark)}.ui-live-products>span:nth-of-type(4){right:22%;bottom:11%;background:var(--red-dark)}.ui-live-coffee{overflow:hidden;background:transparent;opacity:1}.ui-live-coffee>i{position:absolute;inset:0;background:#251914;transform:scale3d(.025,0,1);transform-origin:50% 0;transition:transform 2400ms var(--ease-fluid)}.ui-live-coffee>strong{color:#F5EFE7;opacity:0;transition:opacity 500ms var(--ease-out) 1500ms}.ui-section-transition--12[data-state="b"] .ui-transition-layer--a{opacity:0}.ui-section-transition--12[data-state="b"] .ui-live-products>span:nth-of-type(1){opacity:0;transform:translate3d(-90px,-45px,0) rotate(-18deg)}.ui-section-transition--12[data-state="b"] .ui-live-products>span:nth-of-type(2){opacity:0;transform:translate3d(105px,-30px,0) rotate(22deg)}.ui-section-transition--12[data-state="b"] .ui-live-products>span:nth-of-type(3){opacity:0;transform:translate3d(-105px,55px,0) rotate(16deg)}.ui-section-transition--12[data-state="b"] .ui-live-products>span:nth-of-type(4){opacity:0;transform:translate3d(95px,60px,0) rotate(-20deg)}.ui-section-transition--12[data-state="b"] .ui-live-coffee>i{transform:scale3d(1,1,1)}.ui-section-transition--12[data-state="b"] .ui-live-coffee>strong{opacity:1}
.ui-section-transition--13 .ui-transition-layer--a{background:#251914;color:#F5EFE7;opacity:1}.ui-section-transition--13 .ui-transition-layer--b{overflow:hidden;background:#F4DFC4;opacity:1}.ui-live-ice>span{position:absolute;inset:0;display:block;transition:clip-path 800ms var(--ease-fluid)}.ui-live-ice__brown{z-index:3;background:#251914;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.ui-live-ice__rose{z-index:2;background:#EFD1D5;clip-path:polygon(0 0,100% 0,100% 112%,0 124%)}.ui-live-ice__vanilla{z-index:1;background:#F4DFC4}.ui-live-ice>strong{opacity:0;color:#251914;transition:opacity 350ms var(--ease-out) 420ms}.ui-section-transition--13[data-state="b"] .ui-transition-layer--a{opacity:0}.ui-section-transition--13[data-state="b"] .ui-live-ice__brown{clip-path:polygon(0 0,100% 0,100% 17%,0 51%)}.ui-section-transition--13[data-state="b"] .ui-live-ice__rose{clip-path:polygon(0 0,100% 0,100% 50%,0 84%)}.ui-section-transition--13[data-state="b"] .ui-live-ice>strong{opacity:1}
.ui-section-transition--14 .ui-transition-layer{transition:opacity 800ms var(--ease-fluid)}.ui-live-ice-bands{overflow:hidden;padding:0;background:#F4DFC4}.ui-live-ice-bands>span{position:absolute;inset-inline:0;height:34%}.ui-live-ice-bands>span:nth-of-type(1){top:0;background:#251914}.ui-live-ice-bands>span:nth-of-type(2){top:33%;background:#EFD1D5}.ui-live-ice-bands>span:nth-of-type(3){top:66%;height:35%;background:#F4DFC4}.ui-live-ice-bands>strong{color:#251914}.ui-live-pizza{overflow:hidden;background:var(--red);transition:opacity 800ms var(--ease-fluid)}.ui-live-pizza>span{position:absolute;inset:0;display:block;transition:clip-path 800ms var(--ease-fluid)}.ui-live-pizza__green{z-index:2;background:var(--green-dark);clip-path:circle(0 at 0 0)}.ui-live-pizza__white{z-index:3;background:var(--white);clip-path:circle(0 at 0 0)}.ui-live-pizza>strong{justify-self:end;max-width:9ch;margin-right:8%;color:var(--white);text-align:right}.ui-section-transition--14[data-state="b"] .ui-live-ice-bands{opacity:0}.ui-section-transition--14[data-state="b"] .ui-live-pizza{opacity:1}.ui-section-transition--14[data-state="b"] .ui-live-pizza__green{clip-path:circle(88% at 0 0)}.ui-section-transition--14[data-state="b"] .ui-live-pizza__white{clip-path:circle(58% at 0 0)}
.ui-section-transition--15 .ui-transition-layer{transition:opacity 800ms var(--ease-fluid)}.ui-live-pizza-start{overflow:hidden;background:var(--red)}.ui-live-pizza-start>span,.ui-live-pizza-start>i,.ui-live-locations>span,.ui-live-locations>i{position:absolute;inset:0;display:block}.ui-live-pizza-start>span{z-index:1;background:var(--green-dark);clip-path:circle(88% at 0 0)}.ui-live-pizza-start>i{z-index:2;background:var(--white);clip-path:circle(58% at 0 0)}.ui-live-pizza-start>strong{justify-self:end;margin-right:12%;color:var(--white)}.ui-live-locations{overflow:hidden;background:#111A16;transition:opacity 800ms var(--ease-fluid)}.ui-live-locations>span{z-index:1;right:66%;background:var(--green-dark)}.ui-live-locations>i{z-index:2;right:auto;width:7%;margin-left:8%;background:#D8C9A5}.ui-live-locations>strong{justify-self:end;margin-right:9%;color:var(--white)}.ui-section-transition--15[data-state="b"] .ui-live-pizza-start{opacity:0}.ui-section-transition--15[data-state="b"] .ui-live-locations{opacity:1}
.ui-board-tabs button.is-active strong{color:var(--white)}
.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar{opacity:1}
.ui-motion-topbar-shell{position:relative;width:100%;height:48px;margin-inline:8px;opacity:1;transform:none}.ui-motion-topbar-shell .ui-motion-topbar{position:absolute;inset:0;clip-path:none!important;transition:opacity 250ms var(--ease-out),transform 500ms var(--ease-fluid)}.ui-motion-topbar-shell .ui-motion-topbar--full{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;height:48px;padding:4px 6px 4px 16px;border:1px solid var(--ui-line);background:var(--white)}.ui-motion-topbar-shell .ui-motion-topbar--full nav{display:flex;justify-content:center;gap:2px}.ui-motion-topbar-shell .ui-motion-topbar--full nav a{padding:5px 7px;border-radius:8px;color:var(--black);font-size:9px;font-weight:700}.ui-motion-topbar-shell .ui-motion-topbar--full nav a.is-active{color:var(--green-dark);text-decoration:underline 2px var(--red);text-underline-offset:4px}.ui-motion-topbar-shell .ui-motion-topbar--full .ui-demo-button{min-height:34px;padding:7px 11px;font-size:10px}.ui-motion-topbar--compact{right:auto!important;width:92px;height:48px;grid-template-columns:1fr;place-items:center;padding:6px 12px;opacity:0;transform:translate3d(10px,0,0)}.ui-motion-topbar--compact img{width:68px;max-height:30px}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar-shell{opacity:1;transform:none}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar--full{opacity:0;transform:translate3d(-10px,0,0)}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar--compact{opacity:1;transform:translate3d(0,0,0)}
.ui-motion-topbar-shell .ui-motion-topbar--compact{overflow:hidden;border:1px solid var(--ui-line);border-radius:999px;background:#f2fbf4;box-shadow:0 7px 18px rgba(15,51,25,.13)}
.ui-motion-stage--top{align-items:start;padding-top:0}.ui-motion-sample--ceiling{margin-top:0;border-radius:0 0 12px 12px}
.ui-world-hero.ui-world-theme--eiswelt strong,.ui-world-hero.ui-world-theme--eiswelt p{color:#251914}
@media(prefers-reduced-motion:reduce){.ui-board-page *, .ui-board-page *::before,.ui-board-page *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ui-motion-demo [data-motion-target],.ui-motion-demo [data-motion-target] span,.ui-motion-demo [data-motion-target] b{transform:none!important;transition-property:opacity!important;transition-duration:200ms!important;transition-timing-function:var(--ease-out)!important}.ui-motion-topbar{clip-path:none!important}.ui-motion-demo[data-motion-kind="reveal"] [data-motion-target]{clip-path:none!important}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar{opacity:.35}.ui-motion-demo[data-state="hidden"] [data-motion-target]{opacity:0}}
@media(prefers-reduced-motion:reduce){.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar{opacity:.35}}
@media(prefers-reduced-motion:reduce){.ui-nav-states a,.ui-nav-states i,.ui-board-cell .ui-dropdown>summary,.ui-board-cell .ui-dropdown>summary::after,.ui-board-cell .ui-dropdown__menu a,.ui-breadcrumb a,.ui-tabs button,.ui-pagination button,.ui-demo-button,.ui-action-set>a,.ui-action-set>a::before,.ui-action-set>a::after{transform:none!important}.ui-nav-states a:active,.ui-board-cell .ui-dropdown>summary:active,.ui-board-cell .ui-dropdown__menu a:active,.ui-breadcrumb a:active,.ui-tabs button:active,.ui-pagination button:active,.ui-demo-button:not(:disabled):active,.ui-action-set>a:active{opacity:.72}}
@media(prefers-reduced-motion:reduce){.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar-shell{opacity:1!important}.ui-motion-demo--topbar .ui-motion-topbar--full{opacity:1}.ui-motion-demo--topbar .ui-motion-topbar--compact{opacity:0}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar--full{opacity:0}.ui-motion-demo--topbar[data-state="hidden"] .ui-motion-topbar--compact{opacity:1}}
@media(max-width:720px){.ui-motion-topbar-shell .ui-motion-topbar--full{grid-template-columns:auto 1fr}.ui-motion-topbar-shell .ui-motion-topbar--full nav{display:none}}
@media(max-width:1180px),(max-height:720px){.ui-board-view[data-board-view="surfaces"],.ui-board-view[data-board-view="transitions"]{height:auto;grid-template-rows:auto auto}.ui-surface-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(280px,auto)}}
@media(max-width:720px){.ui-surface-board{grid-template-columns:1fr;grid-auto-rows:minmax(280px,auto)}.ui-surface-cell>header{grid-template-columns:auto 1fr}.ui-surface-preview>strong{font-size:16px}}
@media(max-width:720px){.ui-board-view[data-board-view="content"] #CONTENT-01{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ui-section-transition .ui-transition-layer,.ui-section-transition .ui-transition-layer>span{transform:none!important;clip-path:none!important;transition-property:opacity!important;transition-duration:200ms!important;transition-timing-function:var(--ease-out)!important}.ui-section-transition[data-state="a"] .ui-transition-layer--a{opacity:1!important}.ui-section-transition[data-state="a"] .ui-transition-layer--b{opacity:0!important}.ui-section-transition[data-state="b"] .ui-transition-layer--a{opacity:0!important}.ui-section-transition[data-state="b"] .ui-transition-layer--b{opacity:1!important}}

/* Tatsächlich eingesetzte Bewegungen, ergänzend zu MOTION-01 bis MOTION-07 */
.ui-board-view[data-board-view="motion"]{grid-template:44px minmax(0,1fr)/minmax(0,1fr)}
.ui-motion-set-tabs{display:flex;grid-column:1/-1;align-items:center;gap:6px;min-width:0;padding:5px 7px;border:1px solid var(--ui-line);border-radius:14px;background:var(--white);box-shadow:var(--ui-shadow)}
.ui-motion-set-tabs button{min-height:30px;padding:5px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--black);font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer;transition:color 200ms var(--ease-fluid),background-color 200ms var(--ease-fluid),border-color 200ms var(--ease-fluid)}
.ui-motion-set-tabs button:hover{border-color:var(--green-dark)}
.ui-motion-set-tabs button.is-active{border-color:var(--green-dark);background:var(--green-dark);color:var(--white)}
.ui-motion-set-tabs p{min-width:0;margin:0 4px 0 auto;color:var(--black);font-size:8px;line-height:1.2;text-align:right}
.ui-motion-inventory-board{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
.ui-motion-inventory-board[hidden]{display:none}
.ui-motion-inventory-board[data-motion-set-view="shared"],.ui-motion-inventory-board[data-motion-set-view="products"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.ui-motion-inventory-board[data-motion-set-view="rules"]{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:row dense}
.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-01,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-02,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-06,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-07{grid-column:span 6}
.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-03,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-04,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-05{grid-column:span 4}
.ui-motion-inventory-board>.ui-board-cell{grid-column:auto}
.ui-motion-inventory-board .ui-board-cell>header{gap:6px;padding:7px 8px 6px}
.ui-motion-inventory-board .ui-board-cell>header>button{padding:4px 6px;font-size:8px}
.ui-motion-inventory-board .ui-board-cell>header h3{font-size:13px}
.ui-motion-inventory-board .ui-board-cell>header p{font-size:8px;line-height:1.15}
.ui-motion-inventory-board .ui-board-cell>header>span{padding:3px 5px;font-size:7px}
.ui-motion-inventory-board .ui-board-cell__body{padding:7px}
.ui-motion-inventory-board .ui-board-cell>footer{padding:5px 8px;font-size:7px}
.ui-original-motion-snippet{display:grid!important;grid-template-rows:minmax(0,1fr) auto;gap:7px;min-height:0;overflow:hidden;background:#eef5ef}
.ui-original-motion-snippet__viewport{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(40,128,61,.22);border-radius:13px;background:#fff}
.ui-original-motion-snippet__viewport iframe{position:absolute;left:50%;top:50%;width:1440px;max-width:none;height:900px;border:0;background:#fff;transform:translate(-50%,-50%) scale(var(--motion-snippet-scale,.25));transform-origin:center center}
.ui-original-motion-snippet__viewport>span{position:absolute;z-index:2;right:7px;top:7px;padding:4px 7px;border-radius:999px;color:#fff;background:rgba(0,0,0,.64);font-size:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}
.ui-original-motion-snippet__controls{display:grid;grid-template-columns:auto minmax(55px,1fr) auto auto;gap:5px;align-items:center}
.ui-original-motion-snippet__controls button{min-height:25px;padding:4px 7px;border:0;border-radius:999px;color:#fff;background:#28803d;font:700 8px/1 Signika,sans-serif;cursor:pointer}
.ui-original-motion-snippet__controls button:last-child{color:#174d25;background:#dcecdf}
.ui-original-motion-snippet__controls input{width:100%;accent-color:#28803d}
.ui-original-motion-snippet__controls output{min-width:28px;color:#174d25;font-size:7px;font-weight:800;text-align:right}@media(max-width:1500px){.ui-motion-set-tabs p{display:none}.ui-motion-inventory-board{gap:7px}.ui-motion-inventory-board .ui-board-cell>header>span{display:none}.ui-motion-inventory-board .ui-board-cell>header{grid-template-columns:auto 1fr}}
@media(max-width:1180px),(max-height:720px){.ui-board-view[data-board-view="motion"]{height:auto;grid-template-rows:auto auto}.ui-motion-set-tabs{flex-wrap:wrap}.ui-motion-set-tabs p{display:block;width:100%;text-align:left}.ui-motion-inventory-board,.ui-motion-inventory-board[data-motion-set-view="shared"],.ui-motion-inventory-board[data-motion-set-view="products"],.ui-motion-inventory-board[data-motion-set-view="rules"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(245px,auto)}.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-01,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-02,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-03,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-04,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-05,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-06,.ui-motion-inventory-board[data-motion-set-view="rules"] #MOTION-07{grid-column:auto}.ui-inventory-motion{grid-template-rows:minmax(120px,1fr) auto}}
@media(max-width:720px){.ui-motion-set-tabs{display:grid;grid-template-columns:1fr 1fr}.ui-motion-set-tabs button:last-of-type{grid-column:1/-1}.ui-motion-inventory-board,.ui-motion-inventory-board[data-motion-set-view="shared"],.ui-motion-inventory-board[data-motion-set-view="products"],.ui-motion-inventory-board[data-motion-set-view="rules"]{grid-template-columns:1fr}.ui-motion-inventory-board>.ui-board-cell{grid-column:1/-1}.ui-inventory-motion__stage{min-height:150px}}