@font-face{font-family:'GT Sectra Display';src:url('./assets/GT-Sectra-Display-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'GT Walsheim';src:url('./assets/GT-Walsheim-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--font-display:'GT Sectra Display',Georgia,serif;--font-body:'GT Walsheim',system-ui,sans-serif;--color-bg:#fff;--color-surface:#f5f5f3;--color-text:#101713;--color-text-muted:#59615c;--color-primary:#114232;--color-divider:#d5d9d6;--inverse:#fff;--paper:#36485f;--eyewear:#363636;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--edge:clamp(1.25rem,5.5vw,5.5rem)}
[data-theme='dark']{--color-bg:#111b16;--color-surface:#1d2922;--color-text:#f4f5f1;--color-text-muted:#b4c1b7;--color-primary:#aec6b4;--color-divider:#48594d;--inverse:#11221a}
html{color-scheme:light}html[data-theme='dark']{color-scheme:dark}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4{font-weight:400}h1,h2,h3{font-family:var(--font-display);line-height:1.14;letter-spacing:-.02em}h1{font-size:var(--text-2xl)}h2,h3{font-size:var(--text-xl)}p{max-width:65ch}p+p{margin-top:var(--space-4)}.shell{max-width:1520px;margin-inline:auto;padding-inline:var(--edge)}.eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;line-height:1.5}.small{font-size:var(--text-sm)}.muted{color:var(--color-text-muted)}.preview-note{text-align:center;background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.header{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-5);gap:var(--space-6);border-bottom:1px solid var(--color-text)}.identity{display:flex;align-items:center;gap:var(--space-5);text-decoration:none}.identity>span:first-child{font-family:var(--font-display);font-size:var(--text-xl)}.identity .cross{font-size:var(--text-lg);color:var(--color-text-muted)}.identity img{width:100px;height:44px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.theme-button{background:none;border:0;min-height:44px;font-size:var(--text-xs);padding:var(--space-2)}.selection-button{border:1px solid var(--color-text);background:none;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);min-height:44px;display:flex;align-items:center;gap:var(--space-4)}.selection-button:hover{background:var(--color-surface)}.selection-button span{font-variant-numeric:tabular-nums;color:var(--color-primary)}[data-theme='dark'] .identity img{filter:invert(1)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20);padding-block:var(--space-16);align-items:center}.hero-copy .eyebrow{margin-bottom:var(--space-6)}.hero-copy h1{margin-bottom:var(--space-6)}h1 span{color:var(--color-primary)}.hero-copy>p:not(.eyebrow){max-width:43ch}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-12);border-bottom:1px solid currentColor;text-decoration:none;font-size:var(--text-sm);min-height:44px;margin-top:var(--space-6);padding-block:var(--space-3);color:var(--color-primary)}.text-link:hover{color:var(--color-text)}.hero-visual{border:1px solid var(--color-divider)}.date-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);background:#114232;color:#fff}.big-date{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;letter-spacing:-.025em}.hero-products{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#101713;gap:var(--space-4);padding:var(--space-6);align-items:end}.hero-products img{width:100%;height:160px;object-fit:contain}.hero-products figcaption{font-size:var(--text-xs);padding-top:var(--space-4);line-height:1.45}.selection-section{padding-bottom:var(--space-16)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-text);border-top:1px solid var(--color-text);margin-bottom:var(--space-12)}.mode-tabs button{display:flex;align-items:center;gap:var(--space-5);text-align:left;background:none;border:0;min-height:76px;padding:var(--space-5) var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted)}.mode-tabs button:first-child{border-right:1px solid var(--color-divider)}.mode-tabs button span{font-size:var(--text-lg)}.mode-tabs button.active{background:var(--color-primary);color:var(--inverse)}.mode-tabs button:not(.active):hover{background:var(--color-surface)}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20);margin-bottom:var(--space-10);align-items:start}.section-heading .eyebrow{margin-bottom:var(--space-4)}.filter-bar{display:flex;gap:var(--space-6);justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--color-divider);padding-block:var(--space-4)}.categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}.categories button{border:1px solid transparent;background:none;min-height:44px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.categories button.active{border-color:var(--color-text);color:var(--color-primary)}.categories button:not(.active):hover{background:var(--color-surface)}.filter-inputs{display:flex;gap:var(--space-3)}select,input[type='search']{font-size:var(--text-sm);border:1px solid var(--color-divider);background:var(--color-bg);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:0}select{max-width:200px}.search-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-6)}.search-line input{width:min(400px,65%)}#result-count{font-size:var(--text-xs);white-space:nowrap;color:var(--color-text-muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-10) var(--space-6)}.product-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--color-divider);padding-bottom:var(--space-6)}.product-image{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-divider);width:100%;height:208px;padding:var(--space-6);position:relative}.product-image img{width:100%;height:100%;object-fit:contain}.product-tag{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);margin-bottom:var(--space-2)}.product-card h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;letter-spacing:0;line-height:1.35;min-height:4.1em;margin-bottom:var(--space-4);overflow-wrap:anywhere}.price-row{display:flex;gap:var(--space-2);justify-content:space-between;align-items:baseline;font-size:var(--text-base);margin-top:auto;margin-bottom:var(--space-4)}.price-row span:last-child{font-size:var(--text-xs);color:var(--color-text-muted)}.card-button{border:1px solid var(--color-text);background:none;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.card-button:hover{background:var(--color-primary);color:var(--inverse);border-color:var(--color-primary)}.catalog-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-8);max-width:85ch}.empty{padding:var(--space-12);background:var(--color-surface);text-align:left}.empty h3{margin-bottom:var(--space-4)}.empty .btn{margin-top:var(--space-6)}.edition-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);padding:var(--space-10);margin-top:var(--space-6)}.edition-feature.paper{background:var(--paper);color:white}.edition-feature.eyewear{background:var(--eyewear);color:white}.edition-feature h3{margin-block:var(--space-5)}.editorial-list{list-style:none;padding:0;margin:0}.editorial-list li{display:flex;gap:var(--space-5);padding-block:var(--space-4);border-top:1px solid #ffffff66}.editorial-list li:first-child{padding-top:0;border:0}.editorial-list li>span{font-size:var(--text-xs);padding-top:var(--space-1)}.editorial-list h4{font-size:var(--text-lg);line-height:1.3;margin-bottom:var(--space-2)}.editorial-list p{font-size:var(--text-sm)}.release-note{max-width:none;font-size:var(--text-xs);border-top:1px solid #ffffff66;padding-top:var(--space-4);margin-top:var(--space-4)}.how{border-top:1px solid var(--color-text);padding-block:var(--space-12)}.how>.eyebrow{margin-bottom:var(--space-6)}.how-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20)}details{border-top:1px solid var(--color-divider);margin-top:var(--space-5);padding-block:var(--space-2)}summary{cursor:pointer;font-size:var(--text-sm);min-height:44px;padding-block:var(--space-3)}details p{font-size:var(--text-sm);padding-bottom:var(--space-3);color:var(--color-text-muted)}.footer{border-top:1px solid var(--color-text);padding-block:var(--space-8);display:flex;justify-content:space-between;gap:var(--space-8);font-size:var(--text-sm)}.footer-brand{font-family:var(--font-display);font-size:var(--text-xl);display:block;margin-bottom:var(--space-4)}.footer a{display:block;min-height:44px}.footer p{margin-top:var(--space-2)}dialog{border:1px solid var(--color-divider);padding:var(--space-8);color:var(--color-text);background:var(--color-bg);width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#0009}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.dialog-top .eyebrow{margin:0}.close{border:0;min-height:44px;background:none;font-size:var(--text-sm);padding:var(--space-2);white-space:nowrap}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-8)}.detail-image{padding:var(--space-6);background:#fff;height:340px;border:1px solid var(--color-divider)}.detail-image img{height:100%;width:100%;object-fit:contain}.detail-layout h2{margin-block:var(--space-3) var(--space-5)}.detail-price{font-size:var(--text-lg);color:var(--color-primary)}.quantity{display:flex;align-items:center;gap:var(--space-2);margin-block:var(--space-5)}.quantity button{width:44px;height:44px;font-size:var(--text-lg);border:1px solid var(--color-divider);background:none}.quantity input{width:72px;height:44px;text-align:center;border:1px solid var(--color-divider);background:none}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:var(--space-3) var(--space-5);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--inverse);font-size:var(--text-sm);margin-top:var(--space-5);width:100%}.btn:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text)}.btn:disabled{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-divider)}.inline-feedback{font-size:var(--text-sm);min-height:24px;color:var(--color-primary);padding-top:var(--space-3)}#selection-dialog{max-width:680px}#selection-items{margin-top:var(--space-6)}.selected-item{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--color-divider);align-items:center}.selected-item img{width:56px;height:68px;object-fit:contain;background:white;padding:var(--space-1)}.selected-item p{font-size:var(--text-sm)}.selected-item .remove{font-size:var(--text-xs);background:none;border:0;text-decoration:underline;min-height:44px;padding:var(--space-2)}.total-line{display:flex;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-text);padding-top:var(--space-5);margin-bottom:var(--space-3)}.total-line strong{font-weight:400;font-size:var(--text-lg)}.text-button{font-size:var(--text-sm);border:0;background:none;text-decoration:underline;min-height:44px;margin-top:var(--space-3)}#selection-empty{margin-top:var(--space-6)}
@media(max-width:1050px){.hero,.section-heading,.how-grid{gap:var(--space-10)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-products{padding:var(--space-4)}.hero-products img{height:140px}.edition-feature{gap:var(--space-8);padding:var(--space-8)}.identity{gap:var(--space-3)}}
@media(max-width:720px){.header{flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-4)}.identity{gap:var(--space-3)}.identity>span:first-child{font-size:var(--text-xl)}.header-actions{margin-left:auto;gap:var(--space-2)}.theme-button{font-size:var(--text-xs)}.selection-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);gap:var(--space-3)}.hero{grid-template-columns:1fr;padding-top:var(--space-10);padding-bottom:var(--space-10);gap:var(--space-8)}.hero h1{font-size:var(--text-2xl)}.hero-visual{display:grid;grid-template-columns:1fr 1fr}.date-panel{padding:var(--space-5);justify-content:center;gap:var(--space-3)}.date-panel .eyebrow{font-size:var(--text-xs);letter-spacing:.05em}.hero-products{grid-template-columns:1fr;padding:var(--space-4)}.hero-products figure:nth-child(2){display:none}.hero-products img{height:140px}.hero-products figcaption{padding-top:var(--space-2)}.big-date{font-size:var(--text-2xl)}.section-heading,.how-grid,.edition-feature{grid-template-columns:1fr;gap:var(--space-6)}.mode-tabs{margin-bottom:var(--space-8)}.mode-tabs button{padding:var(--space-4);gap:var(--space-3);min-height:72px}.mode-tabs button span{font-size:var(--text-base);line-height:1.35}.mode-tabs button>span{max-width:13ch}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-4)}.product-image{height:174px;padding:var(--space-4)}.product-card h3{font-size:var(--text-sm);min-height:5.4em}.price-row{flex-direction:column;gap:var(--space-1)}.card-button{font-size:var(--text-xs);padding:var(--space-3);gap:var(--space-2)}.categories{gap:0}.categories button{padding-inline:var(--space-3)}.filter-bar{gap:var(--space-3)}.filter-inputs{width:100%;gap:var(--space-3)}select{min-width:0;width:50%;max-width:none;font-size:var(--text-xs)}.search-line{align-items:start}.search-line input{width:100%;font-size:var(--text-xs)}.search-line{flex-wrap:wrap;gap:var(--space-3)}#result-count{width:100%}.edition-feature{padding:var(--space-6)}.footer{flex-direction:column;gap:var(--space-6)}dialog{padding:var(--space-5)}.detail-layout{grid-template-columns:1fr;gap:var(--space-5)}.detail-image{height:180px}.detail-layout h2{font-size:var(--text-xl)}.dialog-top{align-items:start;gap:var(--space-2)}.dialog-top .eyebrow{padding-top:var(--space-3)}.selected-item{grid-template-columns:44px 1fr;gap:var(--space-3)}.selected-item .remove{grid-column:2;justify-self:start;padding:0}.selected-item img{width:44px;height:52px}.section-heading{margin-bottom:var(--space-6)}}
@media(max-width:370px){.identity>span:first-child{font-size:var(--text-lg)}.identity img{width:90px}.hero-visual{grid-template-columns:1fr}.hero-products{display:none}.product-grid{gap:var(--space-6) var(--space-3)}.product-image{height:150px}.mode-tabs button{padding:var(--space-3);gap:var(--space-2)}}
/* Überweisung und lokale Einrichtungshilfe */
.transfer-intro{margin-top:var(--space-5);font-size:var(--text-sm)}.transfer-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-8);margin-top:var(--space-6)}.transfer-field{margin-bottom:var(--space-4)}.transfer-field label,.setup-field label{display:block;font-size:var(--text-xs);margin-bottom:var(--space-2)}.transfer-field>div{display:flex;align-items:stretch;gap:var(--space-2)}.transfer-field input,.transfer-field textarea{width:100%;min-width:0;border:1px solid var(--color-divider);background:var(--color-surface);padding:var(--space-3);font-size:var(--text-sm);border-radius:0;resize:vertical;line-height:1.4}.copy-button{min-width:76px;min-height:44px;align-self:start;font-size:var(--text-xs);border:1px solid var(--color-divider);background:none;padding:var(--space-3)}.copy-button:hover{border-color:var(--color-primary);background:var(--color-surface)}.qr-section .eyebrow{margin-bottom:var(--space-4)}.qr-section img{background:#fff;width:240px;height:240px;image-rendering:pixelated;max-width:100%;object-fit:contain;border:1px solid var(--color-divider)}.qr-section p{margin-top:var(--space-4)}.transfer-followup{border-top:1px solid var(--color-divider);margin-top:var(--space-6);padding-top:var(--space-6)}.transfer-followup h3{font-size:var(--text-lg);font-family:var(--font-body);line-height:1.4;margin-bottom:var(--space-3)}.transfer-followup .btn{text-decoration:none}.payment-disclaimer{margin-top:var(--space-5)}.local-note{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-divider);font-size:var(--text-sm);margin-top:var(--space-5)}#bank-setup-dialog{max-width:640px}.setup-explanation{margin-top:var(--space-5);color:var(--color-text-muted)}.setup-field{margin-top:var(--space-5)}.setup-field input{width:100%;min-height:44px;border:1px solid var(--color-divider);background:var(--color-bg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:0}.setup-field p{margin-top:var(--space-2)}.setup-field input[aria-invalid='true']{border-color:var(--color-text)}.setup-errors{font-size:var(--text-sm);margin-top:var(--space-5)}#config-export{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}#config-export h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}#config-export details{margin-top:var(--space-5)}#config-code{display:block;width:100%;border:1px solid var(--color-divider);background:var(--color-surface);padding:var(--space-3);font-size:var(--text-xs);margin-top:var(--space-3);resize:vertical;font-family:var(--font-body)}#transfer-dialog .inline-feedback{padding-top:0;min-height:1.5em}code{overflow-wrap:anywhere;font-family:var(--font-body);border-bottom:1px dotted var(--color-divider)}
@media(max-width:720px){.transfer-layout{grid-template-columns:1fr;gap:var(--space-6)}.transfer-field input,.transfer-field textarea{font-size:var(--text-base)}.transfer-field input#transfer-iban{font-size:var(--text-sm)}.copy-button{min-width:72px;padding-inline:var(--space-2)}.qr-section{padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.qr-section img{width:240px;height:240px;margin-inline:auto}.transfer-intro{font-size:var(--text-base)}#transfer-dialog h2{font-size:var(--text-xl)}.transfer-followup h3{font-size:var(--text-lg)}}
/* edition1010-Verkauf */
.shop-list{list-style:none;margin:0;padding:0}.shop-item{display:grid;grid-template-columns:32px 1fr auto;gap:var(--space-5);align-items:start;padding-block:var(--space-5);border-top:1px solid #ffffff66}.shop-item:first-child{padding-top:0;border-top:0}.shop-number{font-size:var(--text-xs);padding-top:var(--space-2)}.shop-copy h4{font-size:var(--text-lg);line-height:1.3;margin-bottom:var(--space-2)}.shop-copy p{font-size:var(--text-sm);max-width:52ch}.shop-meta{margin-top:var(--space-3)}.shop-price{font-size:var(--text-lg)}.muted-price{font-size:var(--text-sm);opacity:.85}.shop-action{min-width:150px;display:flex;justify-content:flex-end}.buy-button,.buy-disabled{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);border:1px solid #fff;text-decoration:none;text-align:center}.buy-button{background:#fff;color:#101713}.buy-button:hover{background:transparent;color:#fff}.buy-disabled{border-color:#ffffff88;color:#ffffffcc}.shop-legal{margin-top:var(--space-6)}.shop-legal a{display:inline}
@media(max-width:720px){.shop-item{grid-template-columns:28px 1fr;gap:var(--space-3)}.shop-action{grid-column:2;justify-content:flex-start;min-width:0}.buy-button,.buy-disabled{width:100%}}