*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#17233c;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}header{border-bottom:1px solid #e7ebf2;background:#fff;position:sticky;top:0;z-index:5}.nav{max-width:1160px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:22px}.brand span{color:#1769e0}.nav nav{display:flex;gap:26px;font-size:14px}.hero{background:linear-gradient(135deg,#f5f9ff,#eef5ff);padding:86px 24px}.hero-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.5fr .7fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#1769e0;margin-bottom:10px}.hero h1{font-size:52px;line-height:1.08;margin:0 0 22px;max-width:800px}.lead{font-size:19px;color:#52617a;max-width:760px}.actions{display:flex;gap:12px;margin:30px 0 18px;flex-wrap:wrap}.btn{padding:13px 20px;border-radius:9px;font-weight:700}.primary{background:#1769e0;color:white}.secondary{border:1px solid #bdc9da;background:#fff}.mini{font-size:13px;color:#63718a}.hero-card{background:#fff;border:1px solid #dce5f1;border-radius:18px;padding:34px;box-shadow:0 18px 50px rgba(25,61,110,.10)}.hero-card .icon{font-size:42px;color:#1769e0}.hero-card strong{font-size:25px;display:block;margin:8px 0}.section{max-width:1160px;margin:auto;padding:78px 24px}.section h2,.digital h2{font-size:35px;margin:0 0 8px}.section-intro{color:#68768d;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dfe6ef;border-radius:15px;padding:28px;min-height:265px;box-shadow:0 7px 22px rgba(24,55,94,.05)}.card-icon{font-size:30px;color:#1769e0}.card h3{font-size:21px;margin:13px 0 8px}.card p{color:#627087}.link{display:block;margin-top:25px;font-weight:700;color:#1769e0;font-size:14px}.digital{background:#102a4e;color:#fff;padding:64px max(24px,calc((100% - 1112px)/2));display:grid;grid-template-columns:1fr 1fr;gap:65px}.digital p:not(.eyebrow){color:#d5deeb}.steps{display:grid;gap:13px}.steps div{background:rgba(255,255,255,.08);padding:16px;border-radius:10px;display:flex;align-items:center;gap:15px}.steps b{background:#fff;color:#102a4e;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.contact{text-align:center;max-width:850px}footer{background:#f4f6f9;border-top:1px solid #e0e5ec;padding:35px 24px}.footer-inner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.legal-note{text-align:center;color:#7b8799;font-size:12px;margin:25px 0 0}@media(max-width:800px){.nav nav{display:none}.hero{padding:55px 20px}.hero-inner,.digital{grid-template-columns:1fr}.hero h1{font-size:38px}.grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.section{padding:55px 20px}}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid #dfe6ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(24,55,94,.07)}.prod-art{height:190px;background:linear-gradient(145deg,#0d2b52,#1769e0);color:white;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.prod-art span{font-size:12px;letter-spacing:1px;text-transform:uppercase}.prod-art b{font-size:58px;line-height:1}.prod-art small{opacity:.8}.product-body{padding:23px}.pill{font-size:11px;font-weight:800;color:#1769e0;background:#eef5ff;padding:5px 8px;border-radius:20px}.product-body h3{margin:13px 0 3px;font-size:20px}.meta{font-weight:700;color:#53637c}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}.price-row strong{font-size:25px}.product-detail{max-width:1000px;margin:auto;padding:65px 24px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.detail-grid .prod-art{height:340px;border-radius:18px}.detail-price{font-size:34px;font-weight:800}.notice{background:#f1f6fd;border-left:4px solid #1769e0;padding:15px 18px;margin:22px 0}.source{font-size:12px;color:#6e7b8f;word-break:break-all}@media(max-width:800px){.products-grid,.detail-grid{grid-template-columns:1fr}}
.prod-image{background:#f3f7fc;aspect-ratio:10/7;overflow:hidden;border-bottom:1px solid #dfe6ef}.prod-image img{width:100%;height:100%;display:block;object-fit:cover}.product-detail-image{max-width:560px;margin:24px 0 32px}.product-detail-image img{width:100%;display:block;border-radius:16px;border:1px solid #dfe6ef;box-shadow:0 10px 30px rgba(24,55,94,.08)}

/* Version 4: offizielle Herstellerabbildungen */
.product-image img, .product-visual img, .product-card img {
  max-width: 100%;
  max-height: 250px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Version 4.1: Herstellerbild auch auf Produkt-Detailseiten */
.detail-product-image {
  max-width: 1160px;
  margin: 32px auto 0;
  padding: 28px 24px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f9ff;
  border: 1px solid #dfe7f2;
  border-radius: 18px;
}
.detail-product-image img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(520px, 90%);
  max-height: 300px;
  object-fit: contain;
}
@media(max-width:800px){
  .detail-product-image { margin:20px 16px 0; min-height:220px; }
  .detail-product-image img { max-height:220px; }
}

/* Version 5: echte Herstellerabbildungen in Übersicht und Detailansicht */
.prod-image{height:260px;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px}
.prod-image img{max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain}
.detail-official-image{background:#fff;border:1px solid #dfe7f2;border-radius:18px;min-height:420px;padding:28px;display:flex;align-items:center;justify-content:center}
.detail-official-image img{max-width:100%;max-height:390px;width:auto;height:auto;object-fit:contain}
@media(max-width:800px){.detail-official-image{min-height:260px}.detail-official-image img{max-height:250px}.prod-image{height:220px}.prod-image img{max-height:185px}}

/* V6 lokale Produktbilder */
.product-image img, .product-visual img, .product-card img, .detail-product-image img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:320px;
  object-fit:contain;
  margin:0 auto;
}

/* V7: Kaufbuttons eBay + Shopify */
.product-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-left:auto;
}
.btn.compact { padding:9px 12px; font-size:13px; }
.btn.ebay {
  background:#ffffff;
  color:#17233c;
  border:1px solid #aeb9c8;
}
.btn.shopify {
  background:#17233c;
  color:#ffffff;
  border:1px solid #17233c;
}
.detail-buy-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0 24px;
}
@media(max-width:800px){
  .price-row { align-items:flex-start; flex-direction:column; }
  .product-actions { justify-content:flex-start; margin-left:0; }
  .product-actions .btn { width:100%; text-align:center; }
  .detail-buy-actions .btn { width:100%; text-align:center; }
}

/* V8 Rechtstexte */
.legal-page{max-width:960px;margin:0 auto;padding:56px 24px 80px;line-height:1.7}
.legal-page h1{font-size:42px;margin:0 0 30px}
.legal-page h2{font-size:24px;margin:34px 0 10px}
.legal-page h3{font-size:19px;margin:24px 0 8px}
.legal-page p{margin:0 0 14px}
.legal-page a{color:#1265d6}
.legal-box{background:#f5f8fc;border:1px solid #dce5f0;border-radius:12px;padding:18px 20px;margin:16px 0}
.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-card{overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.category-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20,33,61,.10)}.category-image{height:170px;margin:-24px -24px 20px;background:#f4f7fb;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover}.category-link{border:0;background:transparent;color:#075fe4;font:inherit;font-weight:700;padding:0;cursor:pointer}.all-products-art{font-size:72px;color:#1266e3;background:linear-gradient(135deg,#eef5ff,#f8fbff)}

/* V13.9 Kategorien & Kontakt */
.category-card.active-category{outline:3px solid #1266e3;box-shadow:0 12px 34px rgba(18,102,227,.16)}
.empty-category{grid-column:1/-1;background:#f7f9fc;border:1px dashed #cbd6e5;border-radius:16px;padding:30px;text-align:center}
.empty-category strong{font-size:20px}.empty-category p{margin:8px 0 0;color:#526079}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:30px;align-items:start}
.contact-form,.contact-direct{background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(20,33,61,.06)}
.contact-form label{display:block;font-weight:700;margin:0 0 15px}.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #c8d4e3;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.contact-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{font-weight:400;color:#6b778c}.form-status{min-height:24px;margin:12px 0 0}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-direct a{color:#075fe4;word-break:break-word}.footer-notice{max-width:1000px;margin:18px auto 0;padding:0 24px 24px;text-align:center}.footer-notice p{margin:6px 0}
@media(max-width:760px){.contact-layout,.form-grid{grid-template-columns:1fr}}

/* V13.10 Kontaktformular Layout-Fix */
.contact{max-width:1000px;text-align:left}
.contact>.eyebrow,.contact>h2,.contact>.section-intro{text-align:center}
.contact-layout{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)!important;gap:28px!important;align-items:start!important}
.contact-form{display:block!important}
.contact-form .form-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}
.contact-form .form-field{display:block!important;min-width:0!important}
.contact-form label{display:block!important;margin:0 0 7px!important;font-weight:700!important}
.contact-form input:not([hidden]),.contact-form textarea{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:12px 13px!important;border:1px solid #c8d4e3!important;border-radius:10px!important;font:inherit!important;background:#fff!important}
.contact-form textarea{min-height:180px!important;resize:vertical!important}
.form-field-full{margin-top:16px!important}
.contact-actions{margin-top:16px!important}
.form-status{display:block!important;min-height:24px!important;margin:12px 0 0!important;color:#34445e!important}
.contact-direct{text-align:left!important}
@media(max-width:760px){.contact-layout,.contact-form .form-grid{grid-template-columns:1fr!important}}

/* v13.11 Warenkorb */
.cart-nav{display:inline-flex;align-items:center;gap:6px}.cart-count{display:inline-flex;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:#0b63e5;color:#fff;font-size:.75rem;font-weight:800}.add-cart{font:inherit}.cart-page{max-width:1100px;margin:44px auto;padding:0 24px}.cart-list{display:grid;gap:14px;margin:24px 0}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;border:1px solid #dfe6ee;border-radius:14px;padding:16px;background:#fff}.cart-item img{width:90px;height:90px;object-fit:contain}.cart-item h3{margin:0 0 6px}.cart-qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cart-qty input{width:72px;padding:8px;border:1px solid #cbd5e1;border-radius:8px}.cart-remove{border:0;background:transparent;color:#b42318;font-weight:700;cursor:pointer}.cart-summary{margin-left:auto;max-width:430px;border:1px solid #dfe6ee;border-radius:14px;padding:20px;background:#f8fafc}.cart-summary-row{display:flex;justify-content:space-between;gap:20px;font-size:1.1rem}.cart-summary-row.total{font-size:1.35rem;font-weight:800;margin-top:10px;padding-top:10px;border-top:1px solid #dfe6ee}.cart-empty{padding:30px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center}.checkout-status{margin-top:12px;font-weight:700}.checkout-status.ok{color:#087443}@media(max-width:700px){.cart-item{grid-template-columns:70px 1fr}.cart-item img{width:70px;height:70px}.cart-item>div:last-child{grid-column:1/-1}.cart-summary{max-width:none;margin-left:0}}

/* V13.32 Help & Contact */
.help-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 34px}.help-faq details{border:1px solid #dfe6ef;border-radius:12px;padding:17px 18px;background:#fff}.help-faq summary{font-weight:750;cursor:pointer;color:#17233c}.help-faq details p{margin:12px 0 0;color:#627087}.contact-layout-top{margin-bottom:28px}.customer-help-card{border:1px solid #dce5f1;border-radius:16px;padding:28px;background:#f8fbff;margin-top:28px}.customer-help-card>h3{margin-top:0;font-size:24px}.form-field select{width:100%;padding:12px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#17233c;font:inherit}.form-field input[readonly]{background:#f0f4f8;color:#52617a}@media(max-width:760px){.help-faq{grid-template-columns:1fr}.customer-help-card{padding:20px}}

.hero-card .hero-image{display:block;width:100%;height:230px;object-fit:cover;border-radius:14px;margin:0 0 18px}

/* v13.95: long header artwork directly below navigation; preserve embedded logos */
.top-hero-banner{width:100%;height:154px;overflow:hidden;background:#f5f9ff;border-bottom:1px solid #dce5f1}
.top-hero-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.category-image img{object-position:left top}
@media(max-width:800px){.top-hero-banner{height:auto;min-height:72px}.top-hero-banner img{height:auto;min-height:72px;object-fit:contain;object-position:left top}}
/* v13.96: Original handover artwork must remain fully visible, including transparent logo at top-left. */
.top-hero-banner{height:auto;overflow:hidden;background:#f5f9ff;border-bottom:1px solid #dce5f1}
.top-hero-banner img{display:block;width:100%;height:auto;object-fit:contain;object-position:left top}
.category-image{height:auto;aspect-ratio:16/9}
.category-image img{width:100%;height:100%;object-fit:contain;object-position:left top;background:#f4f7fb}

/* v13.98: Kopfbild horizontal ueber dem gesamten Hero-Inhalt; Original-v13.93-Logo in der 100%-digital-Karte wiederhergestellt. */
.hero{padding:0 0 86px;background:linear-gradient(135deg,#f5f9ff,#eef5ff)}
.hero>.top-hero-banner{display:block;width:100%;margin:0 0 64px;padding:0;height:auto;overflow:hidden;background:#f5f9ff;border:0}
.hero>.top-hero-banner img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:left top;margin:0}
.hero>.hero-inner{padding-left:24px;padding-right:24px}
@media(max-width:800px){.hero{padding:0 0 55px}.hero>.top-hero-banner{margin-bottom:38px}.hero>.top-hero-banner img{width:100%;height:auto;min-height:0}.hero>.hero-inner{padding-left:20px;padding-right:20px}}

/* v13.100: Kopfbild spans the complete two-column hero content width. */
.hero>.top-hero-banner{
  width:calc(100% - 48px);
  max-width:1160px;
  margin:0 auto 64px;
  padding:0;
  height:auto;
  overflow:visible;
  background:transparent;
  border:0;
}
.hero>.top-hero-banner img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  object-fit:contain;
  object-position:left top;
}
@media(max-width:800px){
  .hero>.top-hero-banner{width:calc(100% - 40px);margin:0 auto 38px}
}

/* v13.102: category artwork uses the full card width without a forced half/16:9 image box. */
.category-image{height:auto;aspect-ratio:auto;display:block;overflow:hidden;background:#f4f7fb}
.category-image img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:left top;background:#f4f7fb}