.image-zoom__controls,.image-zoom__hint{display:none}.image-zoom__viewport>img{object-fit:contain;width:100%;height:auto;max-height:72dvh;display:block}@media (max-width:700px){.image-zoom__controls{gap:var(--space-2);margin-bottom:var(--space-3);align-items:center;display:flex}.image-zoom__controls button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-brand-700);place-items:center;display:grid}.image-zoom__controls button:disabled{opacity:.4;cursor:default}.image-zoom__controls output{text-align:center;min-width:3ch}.image-zoom__viewport{background:var(--color-bg-subtle);overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;height:clamp(200px,48dvh,440px);overflow:auto}.image-zoom__viewport>img{width:calc(100% * var(--image-zoom));max-width:none;height:auto;max-height:none}.image-zoom__hint{margin-top:var(--space-2);font-size:.8125rem;display:block}}
.feature-tile-grid{align-items:start;gap:var(--space-6);overflow-anchor:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.feature-tile{position:relative}.feature-tile:not(:has(details[open])){cursor:pointer;transition:border-color .2s}.feature-tile:not(:has(details[open])):hover{border-color:var(--tile-accent)}.feature-tile-details:not([open])>summary:after{content:"";border-radius:var(--radius-md);position:absolute;inset:0}.feature-tile:has(summary:focus-visible){outline:2px solid var(--color-brand-700);outline-offset:4px}.feature-tile-grid[data-morphing] .feature-tile{will-change:left, top, width, height}.feature-tile{--tile-accent:var(--color-brand-700);--tile-bg:var(--color-brand-100);min-width:0;min-height:380px;padding:var(--space-6);background:var(--tile-bg);border:1px solid var(--color-border-strong);border-top:4px solid var(--tile-accent);border-radius:var(--radius-md);flex-direction:column;display:flex}.feature-tile--build{--tile-accent:var(--color-accent-hover);--tile-bg:var(--color-sand-light)}.feature-tile--explore{--tile-accent:var(--color-info);--tile-bg:var(--color-info-soft)}.feature-tile-top{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.feature-tile-icon{width:44px;height:44px;color:var(--color-text-inverse);background:var(--tile-accent);border-radius:var(--radius-sm);place-items:center;display:grid}.feature-tile .feature-number{color:var(--color-text-secondary)}.feature-tile h2{letter-spacing:-.025em;font-size:1.4375rem;line-height:1.25}.feature-tile-summary{margin-top:var(--space-4);margin-bottom:var(--space-5);font-size:1rem}.feature-tile .feature-status{margin:0 0 var(--space-4);color:var(--color-text);font-size:.8125rem;font-weight:var(--font-weight-semibold);background:0 0;align-self:flex-start}.feature-tile-details{border-top:1px solid var(--color-border-strong);margin-top:auto}.feature-tile-details>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding-top:var(--space-3);cursor:pointer;color:var(--color-text);font-size:.875rem;font-weight:var(--font-weight-semibold);list-style:none;display:flex}.feature-tile-details>summary::-webkit-details-marker{display:none}.feature-tile-details>summary:hover{text-underline-offset:4px;text-decoration:underline}.feature-tile-details[open]>summary svg{transform:rotate(45deg)}.feature-tile-content{align-items:start;gap:var(--space-8);padding-block:var(--space-6) var(--space-4);grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);display:grid}.feature-tile-content p{font-size:1.0625rem;line-height:1.8}.feature-tile-content ul{margin:0;padding:0;list-style:none}.feature-tile-details li{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-3);color:var(--color-text-secondary);font-size:1rem;display:flex}.feature-tile-details li:first-child{padding-top:0}.feature-tile-details li svg{margin-top:var(--space-1);color:var(--color-brand-700)}.feature-tile-details .text-link{margin-top:var(--space-4);font-size:.875rem}.feature-tile:target{outline:2px solid var(--color-brand-700);outline-offset:4px}.feature-less,.feature-tile-details[open] .feature-more{display:none}.feature-tile-details[open] .feature-less{display:inline}.feature-tile:has(details[open]){min-height:0;padding:var(--space-8);grid-column:1/-1}.feature-tile:has(details[open]) h2{font-size:clamp(1.5rem,2.5vw,2rem)}.feature-tile:has(details[open]) .feature-tile-summary{max-width:70ch}.feature-tile:has(details[open]) .feature-tile-details{margin-top:var(--space-3)}.feature-tile:has(details[open]) .feature-number{visibility:hidden}.feature-tile-details[open]>summary{top:var(--space-8);right:var(--space-8);min-height:44px;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);position:absolute}.feature-tile-details>summary svg{transition:transform .26s var(--ease-out-expo)}.feature-product-example h2,.feature-demo-grid h2{margin-bottom:var(--space-6)}.feature-product-example{margin-top:var(--space-16)}.feature-demo-grid{gap:var(--space-16);margin-block:var(--space-12) var(--space-20);grid-template-columns:minmax(0,1fr);display:grid}.feature-demo-grid>section{min-width:0}.feature-demo-grid h2{font-size:1.5rem}.feature-sun-intro{max-width:78ch;margin-bottom:var(--space-6)}.feature-sun-intro p{line-height:1.7}.feature-sun-intro p+p{margin-top:var(--space-4)}.feature-detail-copy>ul{margin-top:var(--space-6)}.feature-use-example{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-strong)}.feature-use-example h3{margin-bottom:var(--space-2);font-size:.875rem}.feature-use-example p{font-size:1rem}.feature-media{min-width:0}.feature-media figure{margin:0}.feature-image-link{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-brand-900);text-decoration:none;display:block;overflow:hidden}.feature-image-crop{position:relative;overflow:hidden}.feature-image-link .feature-image-crop img{max-width:none;height:auto;display:block;position:absolute}.feature-image-link>span{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2);border-top:1px solid var(--color-border);font-size:.875rem;font-weight:var(--font-weight-semibold);display:flex}.feature-image-link:hover>span{background:var(--color-brand-050)}.feature-media figcaption{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:.8125rem;line-height:1.6}.feature-media-views{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.feature-media-views button,.feature-image-dialog header button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font:inherit;cursor:pointer}.feature-media-views button{font-size:.875rem}.feature-media-views button[aria-pressed=true]{color:var(--color-text-inverse);background:var(--color-brand-700);border-color:var(--color-brand-700)}.feature-image-dialog{width:min(1440px,96vw);max-width:96vw;max-height:94dvh;padding:var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);margin:auto;position:fixed;inset:0;overflow:auto}.feature-image-dialog::backdrop{background:color-mix(in srgb, var(--color-brand-950) 78%, transparent)}body:has(.feature-image-dialog[open]){overflow:hidden}.feature-image-dialog header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.feature-image-dialog header h3{font-size:1.125rem}.feature-image-dialog header button{width:44px;padding:var(--space-2);flex:none;place-items:center;display:grid}.feature-image-dialog>img{object-fit:contain;width:100%;height:auto;max-height:72dvh;display:block}.feature-image-dialog footer{justify-content:space-between;align-items:start;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.feature-image-dialog footer p{flex:400px;font-size:.875rem;line-height:1.6}.feature-image-dialog footer a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-brand-700);font-size:.875rem;display:inline-flex}@media (min-width:1600px){.feature-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-tile{min-height:440px}}@media (max-width:1100px){.feature-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.feature-tile-content{grid-template-columns:minmax(0,1fr)}.feature-tile-content>.feature-media{grid-row:1}}@media (max-width:700px){.feature-tile-grid,.feature-demo-grid{grid-template-columns:minmax(0,1fr)}.feature-tile{min-height:0}.feature-tile-details{margin-top:var(--space-2)}.feature-demo-grid{gap:var(--space-12)}.feature-tile:has(details[open]){padding:var(--space-6)}.feature-tile-content{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.feature-tile-content p{font-size:1rem}.feature-tile-details[open]>summary{top:var(--space-6);right:var(--space-6);padding-inline:var(--space-3)}}@media (prefers-reduced-motion:reduce){.feature-tile-details>summary svg{transition:none}}.mobile-feature-nav{display:none}@media (max-width:700px){.mobile-feature-nav{margin-bottom:var(--space-8);border-top:1px solid var(--color-border-strong);display:block}.mobile-feature-nav details{border-bottom:1px solid var(--color-border)}.mobile-feature-nav summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-weight:600;list-style:none;display:flex}.mobile-feature-nav summary::-webkit-details-marker{display:none}.mobile-feature-nav details[open] summary svg{transform:rotate(45deg)}.mobile-feature-nav ul{padding:0 0 var(--space-3);margin:0;list-style:none}.mobile-feature-nav a{min-height:44px;color:var(--color-brand-700);align-items:center;display:flex}.mobile-feature-nav>a{font-size:.875rem}.feature-tile-grid{gap:0}:is(.feature-tile,.feature-tile:has(details[open])){padding:var(--space-5) 0;border:0;border-top:1px solid var(--color-border-strong);background:0 0;border-radius:0}.feature-tile-top{display:none}:is(.feature-tile h2,.feature-tile:has(details[open]) h2){font-size:1.25rem}.feature-tile-summary{margin-block:var(--space-2)}.feature-tile-details{border:0}.feature-tile-details>summary,.feature-tile-details[open]>summary{background:0 0;border:0;padding:0;position:static}.feature-tile-content{padding-top:var(--space-4)}}@media (max-width:650px){.features-page #katalog-ausprobieren.container{width:100%;padding-inline:0}}