/* Artikelseite by Heine – neues Design der Artikeldetailseite (nur geladen, wenn das Design an ist; alles unter #result-wrapper mit Marke #xa-page; :is/:where hält die Gewichtung wie .xa) */
:is(.xa,:where(#result-wrapper:has(#xa-page))){--a:#2e90cf;--a2:#1f6fa3;--t:#eef6fc;--l:#dfeaf3;--ink:#2e2e2e;--txt:#525252;--mut:#7a7a7a;--bd:#eaeef2;--bg:#f5f7fa;--ok:#24913f;--okbg:#e9f6ec;
 --sh:0 1px 2px rgba(20,60,90,.04),0 8px 22px rgba(20,60,90,.06);--xa-top:0px;color:var(--txt)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) a{color:var(--a2)}:is(.xa,:where(#result-wrapper:has(#xa-page))) .recommendations a{color:inherit}:is(.xa,:where(#result-wrapper:has(#xa-page))) a:hover{color:var(--a)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-meta a,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-kl a,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-band a,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-band a *,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-lower a,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-buy-svc a{text-decoration:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-meta a:hover,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-kl a:hover,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-alld:hover,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-lower a:hover,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-buy-svc a:hover{text-decoration:underline}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-lower .xa-doc:hover,:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-lower .xa-pch:hover{text-decoration:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-i{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;flex:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) h1,:is(.xa,:where(#result-wrapper:has(#xa-page))) h2,:is(.xa,:where(#result-wrapper:has(#xa-page))) h3,:is(.xa,:where(#result-wrapper:has(#xa-page))) h4{font-family:Montserrat,sans-serif;font-weight:600;color:var(--ink)}
/* Altes ausblenden, das die neue Seite ersetzt (Vertrauenszeile mit ShopVote oben, Leiste über den Reitern) */
:is(.xa,:where(#result-wrapper:has(#xa-page))) .hds24-buytrust,:is(.xa,:where(#result-wrapper:has(#xa-page))) .hds24-trust,:is(.xa,:where(#result-wrapper:has(#xa-page))) .hds24-sd-btn{display:none!important}

/* ===== oben: Bild | Kaufspalte ===== */
:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer{padding-top:8px;margin-bottom:26px}
@media (min-width:992px){
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer>.product-gallery{flex:0 0 54%;max-width:54%;padding-right:22px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer>.product-info{flex:0 0 46%;max-width:46%;padding-left:18px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #image_wrapper:not(.fullscreen){position:sticky;top:calc(var(--xa-top) + 16px)}
}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #gallery{border:1px solid var(--bd);border-radius:14px;background:#fff;overflow:hidden}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #gallery .inner{overflow:hidden}
@media (min-width:768px){:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #image_wrapper:not(.fullscreen){margin-bottom:0}:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #gallery{margin-bottom:12px}}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #gallery img.product-image{transition:transform .08s}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #gallery.xa-lupe{cursor:zoom-in}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #image_wrapper.fullscreen .xa-zh{display:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-zh{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.94);border:1px solid var(--bd);font-size:12px;font-weight:600;color:var(--ink);pointer-events:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-zh .xa-i{width:14px;height:14px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-detail-image-preview-bar .slick-slide img,:is(.xa,:where(#result-wrapper:has(#xa-page))) #gallery_preview .inner{border-radius:10px}

:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info-inner{display:flex;flex-direction:column;gap:14px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info-inner>.product-headline{order:0;margin:0}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info-inner>.xa-meta{order:-1}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-title{margin:0;font:600 25px/1.3 Montserrat,sans-serif;color:var(--ink)}
.xa-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--mut)}
.xa-meta a{font-weight:600}.xa-meta b{color:var(--ink);font-weight:600}.xa-dot{color:#c3cbd3}
.xa-copy{border:0;background:none;padding:0 0 0 4px;color:var(--a);cursor:pointer;line-height:1;vertical-align:-3px}.xa-copy .xa-i{width:15px;height:15px}
.xa-copy.ok{color:var(--ok)}
.xa-bdg{padding:3px 11px;border-radius:30px;border:1px solid var(--l);background:var(--t);color:var(--a2);font-weight:600;font-size:12px}
.xa-bdg.ok{background:var(--okbg);border-color:#cfe9d5;color:var(--ok)}
.xa-rating{font-size:13px}
.xa-kurz{font-size:13px;color:var(--mut)}.xa-kurz b{color:var(--ink);font-weight:600}
.xa-kpw{display:grid;gap:10px}
.xa-perf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xa-perf div{padding:11px 8px 10px;border-radius:12px;background:var(--t);border:1px solid var(--l);text-align:center}
.xa-perf b{display:block;font:600 19px/1.15 Montserrat,sans-serif;color:var(--ink)}.xa-perf b small{font-size:12px;margin-left:2px}
.xa-perf span{display:block;font-size:12px;color:var(--mut)}
.xa-kp{margin:0;padding:0;list-style:none;display:grid;gap:5px}.xa-kp li{position:relative;padding-left:24px;font-size:14px}
.xa-kp li:before,.xa-txt ul li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e90cf' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
.xa-kp li b{color:var(--ink);font-weight:600}
.xa-kt{margin:0;font-size:14px}
.xa-kl{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13.5px;font-weight:600}

/* Kaufbox = NOVA-Kaufbereich als Karte */
:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .product-offer{order:5;margin:4px 0 0;padding:18px 20px 16px;border:1px solid var(--bd);border-bottom:0;border-radius:14px 14px 0 0;background:#fff;box-shadow:var(--sh)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row{align-items:flex-start}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.col:not(.col-12){flex:1 1 0;min-width:0;width:auto}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.col-12:has(.stock-information){flex:0 0 auto;width:auto;max-width:52%}
/* mit Speditionshinweis: Lieferzeile über die ganze Breite unter dem Preis, Hinweis daneben */
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.col-12:has(.xa-sped){flex:0 0 100%;width:100%;max-width:100%;margin-top:12px}
/* Nachfolger-Karte: volle Breite unter dem Preis; ist der alte Artikel nicht mehr lieferbar, tritt sein Preis zurück */
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.col-12:has(.xa-succ){flex:0 0 100%;width:100%;max-width:100%;margin-top:12px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .stock-information .col:has(.xa-succ){display:block}
:is(.xa,:where(#result-wrapper:has(#xa-page))):has(.xa-succ.is-disc) #product-offer .product-offer>.row>.col:has(.price_wrapper),
:is(.xa,:where(#result-wrapper:has(#xa-page))):has(.xa-succ.is-disc) #product-offer .price_wrapper,
:is(.xa,:where(#result-wrapper:has(#xa-page))):has(.xa-succ.is-disc) #product-offer easycredit-widget{display:none!important}
.xa-succ{margin-top:12px;padding:14px 16px;border:1px solid #f0d9a8;border-radius:14px;background:#fffaf0}
.xa-succ:not(.is-disc){border-color:var(--l);background:var(--t)}.xa-succ.is-disc{margin-top:0}
.xa-succ-h{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink);line-height:1.4}.xa-succ-h .xa-i{color:#c27a00;margin-top:1px}
.xa-succ:not(.is-disc) .xa-succ-h .xa-i{color:var(--a)}
.xa-succ-p{display:flex;gap:12px;align-items:center;margin:12px 0;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--bd)}
.xa-succ-im{display:flex;flex:none;width:64px;height:64px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--bd);overflow:hidden;color:var(--mut)}
.xa-succ-im img{width:100%;height:100%;object-fit:contain}
.xa-succ-p>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.xa-succ-n{font-weight:600;color:var(--ink)!important;line-height:1.35}.xa-succ-p small{font-size:12.5px;color:var(--mut)}.xa-succ-p .xa-st{white-space:normal}
.xa-succ-pr{font:600 18px/1.2 Montserrat,sans-serif;color:var(--ink)}
.xa-succ-b{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.xa-succ-b .xa-btn{flex:1 1 220px}
.xa-btn2{font-weight:600;font-size:14px;color:var(--a2)!important;white-space:nowrap}
.xa-btn.ok{background:var(--ok);border-color:var(--ok)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .stock-information .col:has(>.xa-sped){display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .stock-information .col>.xa-sped{flex:1 1 260px;margin-top:0}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.col-12:has(>.hds24-buytrust){display:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.heine-ang-col{order:4;flex:0 0 100%;max-width:100%}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .price_wrapper{margin:0}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .price_wrapper .price{margin:0;font:600 30px/1.1 Montserrat,sans-serif;color:var(--ink)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .price_wrapper .price-note{margin-top:4px;font-size:12.5px;color:var(--mut)}:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .price_wrapper .price-note a{color:var(--mut);text-decoration:underline}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .stock-information{margin:0;border:0;padding:0}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .stock-information .question-on-item{display:none}
.xa-stock{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4}
.xa-stock>i{flex:0 0 10px;height:10px;margin-top:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--okbg)}
.xa-stock b{display:block;color:var(--ok);font-weight:600}.xa-stock small{display:block;font-size:12.5px;color:var(--mut)}
.xa-stock.lf>i{background:var(--a);box-shadow:0 0 0 4px var(--t)}.xa-stock.lf b{color:var(--a2)}
.xa-sped{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:12.5px;line-height:1.4}
.xa-sped .xa-i{width:20px;height:20px;color:var(--a);margin-top:1px}.xa-sped b{display:block;color:var(--ink);font-size:13px;font-weight:600}
:is(.xa,:where(#result-wrapper:has(#xa-page))) easycredit-widget{display:block;margin:12px 0 0!important}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart{margin-top:16px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .basket-form-inline{flex-wrap:nowrap;margin:0 -4px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .basket-form-inline>.col{padding:0 4px;margin:0}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .basket-form-inline>.col:first-child{flex:0 0 auto;width:auto;max-width:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .basket-form-inline>.col:last-child{flex:1 1 auto;max-width:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .choose_quantity{flex-wrap:nowrap;width:150px;height:46px;border:1px solid #dde3ea;border-radius:30px;overflow:hidden;background:#fff}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .choose_quantity .btn{height:44px;border:0;background:none;color:var(--ink);box-shadow:none}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .choose_quantity .form-control{height:44px;border:0;text-align:center;font-weight:600;box-shadow:none;padding:0 2px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .choose_quantity .unit{border:0;background:none;padding:0 4px 0 0;font-size:12px;color:var(--mut)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .btn-primary{height:46px;border-radius:30px;font-weight:600;font-size:15px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .row:not(.basket-form-inline)>[class*=col]{flex:0 0 100%;max-width:100%;margin-left:0}
:is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .row:not(.basket-form-inline){margin-top:8px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .lpa-button-content-cols{flex:0 0 100%!important;max-width:100%!important;margin-left:0!important}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .lpa-button{margin-top:8px}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .heine-ang-col,:is(.xa,:where(#result-wrapper:has(#xa-page))) .heine-ang-wrap{margin-top:12px}
.xa-buy-svc{order:6;padding:14px 20px 16px;border:1px solid var(--bd);border-top:1px solid var(--l);border-radius:0 0 14px 14px;background:linear-gradient(135deg,#fff 0%,var(--t) 100%);box-shadow:var(--sh)}
.xa-buy-svc h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px}.xa-buy-svc h4 .xa-i{width:17px;height:17px;color:var(--a)}
.xa-s3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xa-s3>div,.xa-call{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.35;color:var(--txt)}
.xa-ico{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--l);color:var(--a);display:flex;align-items:center;justify-content:center}
.xa-ico .xa-i{width:17px;height:17px}
.xa-s3 b,.xa-call b{display:block;color:var(--ink);font-size:13px;font-weight:600}
.xa-call{margin-top:12px;padding-top:12px;border-top:1px solid var(--l)}.xa-call a{font-weight:600}
.xa-linkbtn{border:0;background:none;padding:0;color:var(--a2);font-weight:600;font-size:12px;cursor:pointer}.xa-linkbtn:hover{color:var(--a);text-decoration:underline}

/* ===== Band „Passt das zu Ihrem Gerät?“ ===== */
.xa-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;margin:0 0 22px;padding:20px 22px;border:1px solid var(--l);border-radius:14px;background:var(--t)}
.xa-band h3{margin:0 0 4px;font-size:17px}.xa-band p{margin:0 0 10px;font-size:13.5px}
.xa-fq{width:100%;margin:2px 0 6px;padding:9px 12px;border:1.5px solid #cfd8e1;border-radius:10px;font-size:14px;outline:0;background:#fff}
.xa-fq:focus{border-color:var(--a)}
.xa-fres{font-size:12.5px;margin-bottom:6px}.xa-fres.ok{color:var(--ok);font-weight:600}.xa-fres.no{color:#b45309;font-weight:600}
.xa-alld{font-weight:600;font-size:13px}
.xa-band-r h4{display:flex;align-items:center;gap:6px;margin:2px 0 10px;font-size:14px}.xa-band-r h4 .xa-i{width:16px;height:16px;color:var(--a)}
.xa-fbg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xa-fbi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--l)}
.xa-fbi[hidden]{display:none}.xa-fbi:hover{border-color:var(--a);text-decoration:none}
.xa-fbi b{display:block;color:var(--ink);font-size:13px;font-weight:600}.xa-fbi small{color:var(--mut);font-size:12px}
.xa-fbi em{font-style:normal;font-weight:700;font-size:12.5px;color:var(--a2);white-space:nowrap}
.xa-more{border:0;background:none;padding:0;margin-top:10px;font-weight:600;font-size:13.5px;color:var(--a2);cursor:pointer}

/* ===== Sprungleiste + Abschnitte ===== */
.xa-lower{padding-bottom:30px}
.xa-jump{position:sticky;top:var(--xa-top);z-index:20;display:flex;justify-content:center;gap:2px;margin:0 0 6px;background:#fff;border-bottom:1px solid var(--bd);box-shadow:0 6px 12px -10px rgba(0,0,0,.12);overflow-x:auto;scrollbar-width:none}
.xa-jump:empty{display:none}
.xa-jump a{position:relative;padding:13px 16px;font-weight:600;font-size:14px;color:#525252!important;white-space:nowrap;text-decoration:none!important;background:linear-gradient(var(--a),var(--a)) 50% 100%/0 3px no-repeat;transition:background-size .3s}
.xa-jump a:hover,.xa-jump a.on{background-size:100% 3px;color:var(--ink)!important}
.xa-jump small{margin-left:5px;font-size:11.5px;color:var(--mut)}
.xa-sec{margin:22px 0 0;border:1px solid var(--bd);border-radius:14px;background:#fff;box-shadow:var(--sh);scroll-margin-top:calc(var(--xa-top) + 64px)}
.xa-sec>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:18px 22px 6px;cursor:default}
.xa-sec>summary::-webkit-details-marker{display:none}
.xa-sec>summary h2{margin:0;font-size:20px}
.xa-cnt{padding:2px 10px;border-radius:30px;background:var(--bg);font-size:12px;font-weight:600;color:var(--mut)}
:is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-chev{display:none;margin-left:auto;width:20px;height:20px;color:var(--mut);transition:transform .15s}
.xa-in{padding:8px 22px 22px}
.xa-txt{max-width:900px}.xa-txt h3{margin:20px 0 6px;font-size:16px}.xa-txt p{margin:0 0 10px}
.xa-txt ul{margin:6px 0 12px;padding:0;list-style:none}.xa-txt ul li{position:relative;padding:2px 0 2px 24px}.xa-txt ul li:before{top:6px}
.xa-txt img{max-width:100%;height:auto}
.xa-tip{margin:18px 0 0;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#fff 0%,var(--t) 100%);border:1px solid var(--l)}
.xa-tip>b{display:block;margin-bottom:4px;font-family:Montserrat,sans-serif;font-weight:600;color:var(--ink)}.xa-tip p{margin:0}
.xa-kv2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}
.xa-kv{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin:0}
.xa-kv th,.xa-kv td{padding:9px 14px;text-align:left;vertical-align:top;font-size:13.5px;border-bottom:1px solid var(--bd)}
.xa-kv tr:last-child th,.xa-kv tr:last-child td{border-bottom:0}
.xa-kvh{margin:22px 0 10px;font-size:15px}.xa-kvh:first-child{margin-top:0}
.xa-kv th{width:44%;font-weight:600;color:var(--mut);background:#fafbfc}.xa-kv td{color:var(--ink)}
.xa-ptab thead th{background:#fff;color:var(--mut);font-size:12px;width:auto}
.xa-ptab td a{font-weight:600}
.xa-rows{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin:0}
.xa-rows td{padding:10px;border-bottom:1px solid var(--bd);vertical-align:middle;font-size:13.5px}
.xa-rows tr:last-child td{border-bottom:0}.xa-rows tr.sel td{background:var(--t)}.xa-rows tr[hidden]{display:none}
.xa-rows .c-ck{width:40px}.xa-rows .c-im{width:72px}.xa-rows .c-st{width:120px}.xa-rows .c-pp{width:100px}.xa-rows .c-add{width:60px}
.xa-im{display:flex;width:54px;height:54px;border-radius:10px;border:1px solid var(--bd);background:#fff;object-fit:contain}
.xa-im.nr{align-items:center;justify-content:center;background:var(--bg);color:var(--mut)}.xa-im.nr .xa-i{width:20px;height:20px}
.xa-nm{color:var(--ink)!important;font-weight:600}.xa-anr{font-weight:600}.xa-art{color:var(--mut)}
.xa-pp2{text-align:right;font:600 15px Montserrat,sans-serif;color:var(--ink);white-space:nowrap}
.xa-st{color:var(--ok);font-size:12.5px;font-weight:600;white-space:nowrap}.xa-st.lf{color:var(--a2)}
.xa-ck{width:18px;height:18px;accent-color:var(--a);cursor:pointer;vertical-align:middle}
.xa-add{display:flex;justify-content:flex-end}
.xa-add button{width:40px;height:36px;border:0;border-radius:30px;background:var(--a);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.xa-add button:hover{background:var(--a2)}.xa-add button.ok{background:var(--ok)}.xa-add .xa-i{width:17px;height:17px}
.xa-xsum{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.xa-xsum .xa-more{margin:0}
.xa-xr{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mut)}.xa-xsumt{font-weight:600}
.xa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--a);border-radius:30px;background:var(--a);color:#fff!important;font-weight:600;font-size:14.5px;white-space:nowrap;cursor:pointer;transition:background .15s,opacity .15s}
.xa-btn:hover{background:var(--a2);border-color:var(--a2)}.xa-btn[disabled]{opacity:.45;cursor:default}
.xa-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.xa-doc{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.xa-doc:hover{border-color:var(--a);box-shadow:0 10px 22px rgba(20,60,90,.10);transform:translateY(-2px);text-decoration:none}
.xa-doc .xa-ico{width:44px;height:44px;background:var(--t);border:0}.xa-doc b{display:block;color:var(--ink);font-size:13.5px;font-weight:600}.xa-doc small{color:var(--mut)}
.xa-faq details{border:1px solid var(--bd);border-radius:12px;margin-bottom:8px;background:#fff}
.xa-faq summary{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.xa-faq summary::-webkit-details-marker{display:none}
.xa-faq summary:after{content:"+";font:600 18px/1 Montserrat,sans-serif;color:var(--a)}.xa-faq details[open] summary:after{content:"\2212"}
.xa-faq details p{margin:0;padding:0 16px 14px}
.xa-box{padding:16px 18px;border-radius:12px;background:var(--bg);font-size:13.5px;max-width:760px}
.xa-gpsr .row{margin:0}.xa-gpsr .col{padding:0 12px 0 0}.xa-gpsr .mb-3{margin-bottom:0!important}
.xa-gpsr strong{color:var(--ink)}.xa-gpsr .small{font-size:13.5px}
.xa-rate{margin:12px 0 0;font-size:13px;color:var(--mut)}.xa-rate a{font-weight:600}
.xa-pnote{margin:0 0 12px;font-size:12.5px;color:var(--mut)}
.xa-merk{margin-top:16px;border:1px solid var(--bd);border-radius:12px}
.xa-merk>summary{padding:12px 14px;font-weight:600;color:var(--ink);cursor:pointer}
.xa-merk>summary span{font-weight:400;color:var(--mut);font-size:12.5px;margin-left:6px}
.xa-mk-in{padding:0 14px 12px}
.xa-sec .video-container iframe,.xa-sec .xa-in>iframe[src*="youtube"]{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:16/9;border:0;border-radius:12px}
.xa-hdt .xa-mk-in{overflow-x:auto}.xa-hdt table{width:100%;border-collapse:collapse;font-size:13px;margin:0}
.xa-hdt td,.xa-hdt th{padding:7px 10px;border:0;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top}.xa-hdt tr:last-child td{border-bottom:0}
.xa-pgrp{margin-bottom:12px}.xa-pgrp>b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:6px;font-weight:600}
.xa-pchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.xa-pch{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--bd);border-radius:20px;font-size:12.5px;font-weight:600;color:var(--ink)!important}
a.xa-pch:hover{border-color:var(--a);background:var(--t);text-decoration:none}
.xa-toast{position:fixed;left:50%;bottom:24px;z-index:3000;transform:translateX(-50%);padding:12px 18px;border-radius:30px;background:#1f2d3a;color:#fff;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}

@media (max-width:1199.98px){.xa-s3{grid-template-columns:1fr}.xa-perf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991.98px){
 .xa-s3{grid-template-columns:repeat(3,minmax(0,1fr))}.xa-perf{grid-template-columns:repeat(4,minmax(0,1fr))}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info{margin-top:18px}
}
@media (max-width:767.98px){
 /* Handy: Titel → Bild → Kaufbox → Kernpunkte */
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer{display:flex;flex-direction:column;margin-left:0;margin-right:0}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer>.product-info,:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info-inner{display:contents}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info-inner>.xa-meta{order:-3}:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-info-inner>.product-headline{order:-2}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer>.product-gallery{order:-1;padding:0;margin:0}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #image_wrapper:not(.fullscreen){margin-bottom:0}:is(.xa,:where(#result-wrapper:has(#xa-page))) .product-gallery #gallery{margin-bottom:8px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .product-offer{order:1;margin-top:14px}:is(.xa,:where(#result-wrapper:has(#xa-page))) #product-offer .xa-buy-svc{order:2}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .btn-basket-check>span{display:inline!important}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-rating{order:-2}.xa-kurz{order:3;margin-top:12px}.xa-kpw{order:3;margin-top:12px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .product-title{font-size:20px;margin:6px 0 10px}.xa-meta{margin-bottom:4px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-zh{display:none}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .product-offer>.row>.col-12:has(.stock-information){flex:0 0 100%;max-width:100%;margin-top:8px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .basket-form-inline{flex-wrap:wrap}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .basket-form-inline>.col{flex:0 0 100%!important;max-width:100%}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) #add-to-cart .choose_quantity{width:100%;margin-bottom:8px}
 .xa-s3{grid-template-columns:1fr}.xa-perf{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xa-band{grid-template-columns:1fr;gap:16px;padding:16px}.xa-fbg{grid-template-columns:1fr}
 .xa-jump{display:none}.xa-sec{margin-top:12px}.xa-sec>summary{cursor:pointer;padding:16px}.xa-sec>summary h2{font-size:17px}
 :is(.xa,:where(#result-wrapper:has(#xa-page))) .xa-chev{display:block}.xa-sec[open]>summary .xa-chev{transform:rotate(180deg)}.xa-in{padding:4px 16px 16px}
 .xa-kv2{grid-template-columns:1fr}.xa-kv2 .xa-kv+.xa-kv{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
 .xa-kv2 .xa-kv:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}
 .xa-rows{table-layout:fixed}.xa-rows td{padding:8px 6px;overflow-wrap:anywhere}.xa-rows .c-st{display:none}
 .xa-rows .c-im{width:52px}.xa-rows .c-ck{width:30px}.xa-rows .c-pp{width:78px}.xa-rows .c-add{width:50px}.xa-im{width:42px;height:42px}
 .xa-xr{flex-wrap:wrap;width:100%}.xa-xr .xa-btn{width:100%}
}