@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url('/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2') format('woff2')}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url('/cdn/fonts/instrument_sans/instrumentsans_n6.27dc66245013a6f7f317d383a3cc9a0c347fb42d.woff2') format('woff2')}
.xg-commerce-page{margin:0;background:#fff;color:#161616;font:400 16px/1.5 "Instrument Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.xg-commerce-page *,.xg-drawer *,.xg-notice *{box-sizing:border-box}
.xg-commerce-page a{color:inherit;text-decoration:none}
.xg-commerce-page button,.xg-commerce-page input,.xg-commerce-page select,.xg-drawer button{font:inherit}
.xg-commerce-page button,.xg-drawer button{cursor:pointer}
.xg-commerce-page a:hover{text-decoration:underline}
.xg-header{height:96px;max-width:1328px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5}
.xg-brand{display:flex;align-items:center}.xg-brand img{width:116px;height:auto;display:block}
.xg-language{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:.05em}.xg-language span{color:#b1b1b1}.xg-language a{color:#777}.xg-language a[aria-current]{color:#111;font-weight:600}
.xg-main{max-width:1240px;min-height:calc(100vh - 220px);margin:auto;padding:36px 48px 80px}
.xg-back{font-size:14px;color:#666!important;display:inline-flex;gap:10px;align-items:center}
.xg-steps{display:flex;align-items:center;justify-content:center;gap:34px;margin:24px auto 32px;font-size:13px;color:#959595}
.xg-steps span{display:flex;align-items:center;gap:8px}.xg-steps b{width:22px;height:22px;border:1px solid #ccc;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:400}.xg-steps [aria-current]{color:#111}.xg-steps [aria-current] b{background:#161616;border-color:#161616;color:#fff}
.xg-main h1{font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0 0 36px}.xg-main h2,.xg-drawer h2{font-size:21px;line-height:1.3;font-weight:600;margin:0 0 22px}.xg-main h3{font-size:17px;font-weight:600;margin:0 0 12px}
.xg-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:60px;align-items:start}
.xg-panel{background:#f7f7f5;border-radius:5px;padding:30px}.xg-panel>h2{margin-top:0}.xg-panel p:last-child{margin-bottom:0}
.xg-items{border-top:1px solid #e6e6e6}.xg-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;padding:24px 0;border-bottom:1px solid #e6e6e6;position:relative}
.xg-item-image{width:100px;height:100px;object-fit:contain;background:#f7f7f5;border-radius:3px}.xg-item-title{font-size:16px;font-weight:600;margin:0 0 3px;line-height:1.45}.xg-item-option,.xg-small{font-size:13px;color:#767676;line-height:1.6}.xg-item-price{font-size:15px;margin:9px 0}.xg-item-controls{display:flex;align-items:center;gap:18px}.xg-quantity{height:32px;border:1px solid #d8d8d8;display:inline-flex;border-radius:3px;overflow:hidden;align-items:center}.xg-quantity button{border:0;background:transparent;width:30px;height:30px;color:#171717;font-size:18px;padding:0}.xg-quantity input{width:36px;text-align:center;background:transparent;border:0;appearance:textfield;padding:0;font-size:13px;color:#171717}.xg-quantity input::-webkit-inner-spin-button{appearance:none}.xg-remove{padding:2px 0;background:none;border:0;border-bottom:1px solid #b3b3b3;font-size:12px!important;color:#666}.xg-unavailable{color:#b92c2c;font-size:13px;margin:4px 0}
.xg-summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:14px;margin:14px 0}.xg-total{font-size:20px;font-weight:600;border-top:1px solid #ddd;margin-top:22px;padding-top:22px}.xg-summary-note{font-size:12px;color:#727272;margin:12px 0 24px}.xg-mini-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px 0;font-size:13px}.xg-mini-item img{width:48px;height:48px;object-fit:contain;background:#fff}.xg-mini-item strong{display:block;font-weight:400}.xg-mini-item small{display:block;color:#777;font-size:12px}.xg-mini-item>span:last-child{white-space:nowrap}
.xg-button{display:inline-flex!important;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;background:#111;color:#fff!important;border:1px solid #111;border-radius:4px;text-align:center;text-decoration:none!important;font-size:14px;line-height:1.45;transition:background .15s}.xg-button:hover{background:#353535}.xg-button:disabled,.xg-button[aria-disabled=true]{opacity:.42;cursor:not-allowed;pointer-events:none}.xg-button-wide{width:100%}.xg-button-outline{background:transparent;color:#111!important;border-color:#bdbdbd}.xg-button-outline:hover{background:#eee}.xg-button-link{background:none;border:0;color:#666;text-decoration:underline;font-size:13px;padding:6px 0}
.xg-empty{text-align:center;padding:60px 24px 84px;border-top:1px solid #e6e6e6}.xg-empty svg{width:48px;height:48px;margin-bottom:12px;stroke:#999}.xg-empty p{color:#777;margin:8px 0 28px}.xg-loading{color:#777;padding:36px 0}
.xg-form-section{margin:0 0 36px}.xg-form-section h2{margin:0 0 18px}.xg-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.xg-field{display:flex;flex-direction:column;gap:7px;font-size:13px}.xg-field-wide{grid-column:1/-1}.xg-field input,.xg-field select{min-width:0;width:100%;height:48px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#111;padding:10px 13px;outline-offset:3px}.xg-field input:focus,.xg-field select:focus{border-color:#111}.xg-field input::placeholder{color:#999}.xg-method{display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid #111;border-radius:4px;background:#fbfbfa}.xg-method-icon{margin-top:3px;width:17px;height:17px;border:5px solid #111;border-radius:50%;flex:0 0 17px}.xg-method strong{font-weight:600}.xg-method p{font-size:13px;color:#777;margin:3px 0 0}.xg-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;color:#666;margin:24px 0}.xg-check input{margin-top:5px;accent-color:#111;width:16px;height:16px;flex-shrink:0}.xg-check a{text-decoration:underline}.xg-legal-note{font-size:12px;color:#777;line-height:1.7;margin:18px 0}.xg-legal-note a{text-decoration:underline}
.xg-alert{font-size:14px;padding:15px 17px;background:#fbf1f0;border:1px solid #ebcccc;border-radius:4px;color:#9b302a;line-height:1.6;margin:16px 0}.xg-alert:empty{display:none}.xg-info{background:#f6f5f1;border:1px solid #e4e1d8;color:#635e50}.xg-success{background:#f1f6f0;border:1px solid #cdddc9;color:#34532d}.xg-success strong{display:block;margin-bottom:5px}.xg-payment-intro{color:#6d6d6d;font-size:15px;margin:0 0 26px}.xg-reference{font-size:13px;color:#727272;margin:0 0 8px}.xg-bank{margin:22px 0 30px}.xg-bank-row{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;padding:15px 0;border-bottom:1px solid #e6e6e6;font-size:14px}.xg-bank-row dt{color:#777}.xg-bank-row dd{margin:0;overflow-wrap:anywhere;font-weight:600}.xg-bank-row:last-child{font-size:17px}.xg-upload{padding:26px;border:1px dashed #c7c7c7;border-radius:5px;background:#fcfcfb;margin:15px 0}.xg-upload label{display:block;font-weight:600;font-size:14px;margin-bottom:10px}.xg-upload input{width:100%;font-size:13px;margin:4px 0 10px}.xg-upload input::file-selector-button{font:inherit;padding:8px 12px;border:1px solid #bdbdbd;background:#fff;border-radius:3px;margin-right:12px;cursor:pointer}.xg-upload p{font-size:12px;color:#777;margin:3px 0}.xg-payment-help{font-size:13px;color:#777;line-height:1.7;margin-top:24px}
.xg-footer{max-width:1232px;margin:auto;border-top:1px solid #e4e4e4;padding:28px 48px;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:12px}.xg-footer nav{display:flex;gap:24px}
.xg-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:2147483000;opacity:0;transition:opacity .18s}.xg-drawer-backdrop.xg-open{opacity:1}.xg-drawer{position:fixed;right:0;top:0;width:min(460px,100%);height:100%;height:100dvh;background:#fff;color:#161616;z-index:2147483001;font:400 15px/1.5 "Instrument Sans",Arial,sans-serif;padding:28px 30px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .18s;box-shadow:-8px 0 40px rgba(0,0,0,.08);text-align:left;letter-spacing:normal}.xg-drawer.xg-open{transform:translateX(0)}.xg-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px}.xg-drawer-head h2{margin:0}.xg-drawer-close{background:none;border:0;color:#111;font-size:28px!important;width:36px;height:36px;padding:0;line-height:1}.xg-drawer-items{flex:1;overflow-y:auto;overscroll-behavior:contain}.xg-drawer .xg-item{grid-template-columns:80px minmax(0,1fr);gap:17px}.xg-drawer .xg-item-image{width:80px;height:80px}.xg-drawer .xg-item-title{font-size:14px}.xg-drawer .xg-button{font-size:14px;text-transform:none;letter-spacing:normal}.xg-drawer .xg-total{margin-top:18px;padding-top:18px}.xg-drawer-foot{padding-top:4px}.xg-drawer-foot .xg-button+.xg-button{margin-top:10px}.xg-drawer .xg-empty{border:0;padding:50px 0}.xg-drawer a{color:inherit}.xg-drawer .xg-button{width:100%}.xg-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(540px,calc(100% - 32px));z-index:2147483002;background:#111;color:#fff;padding:14px 20px;border-radius:5px;font:14px/1.5 "Instrument Sans",Arial,sans-serif;box-shadow:0 4px 20px #0002}.xg-no-scroll{overflow:hidden!important}
.xg-commerce-page :focus-visible,.xg-drawer :focus-visible{outline:2px solid #5b7ea3;outline-offset:4px}
@media(max-width:900px){.xg-grid{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.xg-header{padding:0 28px;height:80px}.xg-main{padding:28px 28px 60px}.xg-panel{padding:24px}.xg-main h1{font-size:31px}.xg-footer{padding:26px 28px}.xg-item{grid-template-columns:80px minmax(0,1fr);gap:17px}.xg-item-image{width:80px;height:80px}}
@media(max-width:680px){.xg-header{height:70px;padding:0 20px}.xg-brand img{width:99px}.xg-main{padding:24px 20px 48px}.xg-steps{gap:20px;font-size:11px;margin:25px 0 30px;justify-content:flex-start}.xg-steps span{gap:6px}.xg-steps b{width:19px;height:19px;font-size:10px}.xg-main h1{font-size:29px;margin-bottom:26px}.xg-grid{grid-template-columns:1fr;gap:32px}.xg-panel{padding:24px}.xg-fields{gap:16px 12px}.xg-footer{margin:0 20px;padding:23px 0;flex-direction:column;font-size:11px;gap:12px}.xg-footer nav{gap:20px;flex-wrap:wrap}.xg-item{padding:22px 0}.xg-bank-row{grid-template-columns:105px minmax(0,1fr);gap:15px;font-size:13px}.xg-upload{padding:20px}.xg-drawer{padding:22px}.xg-checkout-summary{order:2}}
@media(prefers-reduced-motion:reduce){.xg-drawer,.xg-drawer-backdrop,.xg-button{transition:none}}
.xg-vorkasse-mark{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 10px;border:1px solid currentColor;border-radius:3px;font:600 12px/1.5 "Instrument Sans",Arial,sans-serif;letter-spacing:0;white-space:nowrap}