/* Kategorie: Seitenleiste schmal wie Entwurf (240-260 px), Raster breiter */
@media (min-width: 992px) {
  #content-wrapper.is-item-list #content > .row > #sidepanel_left { flex: 0 0 260px; max-width: 260px; }
  #content-wrapper.is-item-list #content > .row:has(> #sidepanel_left) > div[class*="col-lg-8"] { flex: 1 1 0; max-width: none; margin-left: 0 !important; padding-left: 24px; }
}
/* Produktkarten: Namen bis 3 Zeilen, Button-Text bricht nicht über den Rand */
.tkd .pcard h3 { -webkit-line-clamp: 3; min-height: 3.9em; }
.tkd .pcard .btn, .tkd .pcard button { white-space: normal; max-width: 100%; }
/* Produktseite: Galerie oben bündig mit Kaufbox; Brotkrumen so breit wie der Inhalt */
.pdp-top > .product-gallery { align-self: start; }
.tkd.tk-pdp { overflow: visible; overflow-x: clip; } /* overflow:hidden machte die Box zum Scroll-Container, die sticky Galerie rutschte nach unten */
@media (min-width: 992px) {
  .breadcrumb-container.container { max-width: 1200px; width: calc(100% - 80px); }
}
/* Filter-Überschriften: erster Buchstabe wurde vom text-truncate abgeschnitten */
#sidepanel_left .btn-filter-box .text-truncate { padding-left: 2px; }
/* Header: Reiter sitzen direkt auf der Header-Linie (vorher 16 px Leerraum darunter) */
.tkd .tabs { margin-bottom: 0; }
/* Weniger Abstand zwischen Navigation und Brotkrumen/Inhalt */
div:has(> .breadcrumb-container) { padding-top: 20px !important; }

/* Große Bildschirme (Wunsch Ben): Platz links/rechts nutzen. Inhalt breiter (1280 statt 1200)
   und das gesamte Design proportional größer über zoom, statt einzelne Elemente zu vergrößern. */
@media (min-width: 1400px) {
  body { zoom: 1.08; }
  .tkd .wrap { max-width: 1280px; }
  .container-fluid-xl { max-width: 1312px; }
  .breadcrumb-container.container { max-width: 1280px; }
}
@media (min-width: 1600px) { body { zoom: 1.15; } }
@media (min-width: 1900px) { body { zoom: 1.25; } }
/* Kategorie-Toolbar wie Entwurf: Anzahl links, Sortierung rechts, eine Zeile */
.productlist-page-nav-header-m { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; margin-bottom: 16px; }
.productlist-page-nav-header-m > .productlist-item-info { order: 1; flex: 1 1 auto; font: 600 14px var(--f-text, inherit); color: #5b6478; }
.productlist-page-nav-header-m > .displayoptions { order: 2; flex: 0 0 auto; width: auto; max-width: none; }
/* Filter-Seitenleiste (Entwurf .filters) */
#sidepanel_left .tk-filters-root { background: transparent; }
#sidepanel_left .tk-filters-root .filters { position: static; }
#sidepanel_left .tk-filters-root .chip[hidden] { display: none; }
/* Galerie: Pfeile der Vorschaubilder ohne englischen Text */
.tkd .product-images .slick-arrow { font-size: 0; color: #12184f; }
.tkd .product-images .slick-arrow::before, .tkd .product-images .slick-arrow::after { font-size: 18px; }
/* "Frage zum Artikel" gibt es im Entwurf nicht */
.tkd .buy .link-btn.question { display: none; }
/* Warenkorb als Seitenleiste (Entwurf): Inhalt der Warenkorb-Seite kompakt */
.tk-cart-panel.tk-cart-drawer .tk-cart-body { padding: 0; }
.tk-cart-panel .tk-drawer-in { display: grid; gap: 14px; padding: 12px 16px 16px; }
.tk-cart-panel .tk-drawer-in .basket-items { display: grid; gap: 10px; }
.tk-cart-panel .tk-drawer-in .tk-cart-xsell { display: grid; gap: 8px; }
.tk-cart-panel .tk-drawer-in .tk-cart-xsell > *:not(h3) { grid-template-columns: 1fr !important; }
.tk-cart-panel .tk-drawer-in .tk-drawer-h { font: 800 16px/1.2 var(--f-head, inherit); margin: 4px 0 0; }
.tk-cart-panel .tk-drawer-in .cart-summary { margin: 0; }
.tk-cart-panel .tk-drawer-in img { max-width: 100%; height: auto; }
.tk-cart-panel .tk-drawer-empty { margin: 4px 0; color: #5b6478; }
@media (min-width: 992px) { #sidepanel_left:has(.tk-filters-root) { padding-right: 16px; } }
#sidepanel_left .tk-filters-root, #sidepanel_left .tk-filters-root .filters { width: 100%; }
/* Mobile Kaufleiste (Produktseite) */
.tk-sticky-buy { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; background: #fff; box-shadow: 0 -6px 20px rgba(18,24,79,.14); transform: translateY(110%); transition: transform .2s; padding: 0 0 max(8px, env(safe-area-inset-bottom)); }
.tk-sticky-buy.on { transform: none; }
.tk-sticky-buy .sb-note { background: #fde8e8; color: #c0141c; font: 700 13px/1.2 var(--f-head, inherit); text-align: center; padding: 6px 12px; }
.tk-sticky-buy .sb-row { display: flex; align-items: center; gap: 12px; padding: 8px 16px 0; }
.tk-sticky-buy .sb-p { display: grid; line-height: 1.15; }
.tk-sticky-buy .sb-p b { font: 800 18px var(--f-head, inherit); }
.tk-sticky-buy .sb-p small { color: #5b6478; font-size: 12px; }
.tk-sticky-buy .sb-btn { flex: 1; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
@media (min-width: 768px) { .tk-sticky-buy { display: none; } }
/* Kategorie mobil: Filter-Chips oben, waagerecht scrollbar (Entwurf) */
@media (max-width: 991px) {
  #content > .row > #sidepanel_left:has(.tk-filters-root) { order: -1 !important; padding: 0 16px; margin-bottom: 8px; }
  #sidepanel_left .tk-filters-root .filters { background: transparent; padding: 0; box-shadow: none; }
  #sidepanel_left .tk-filters-root .chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
}
/* Mobil: Trennpunkt im Lieferzeit-Text nicht allein in einer Zeile; Vertrauensbox ohne leere Zelle */
@media (max-width: 767px) {
  .tk-stock li + li::before { content: none !important; }
  .tk-stock li { display: block; }
}
@media (max-width: 767px) { .tb-list > li:last-child:nth-child(odd) { grid-column: 1 / -1; } }
/* Produktnamen ohne Silbentrennung (Entwurf trennt nicht) */
.tkd .hb-name, .tkd .pcard h3, .tkd .product-title, .tkd .mg-promo b, .tkd h1, .tkd h2, .tkd h3 { hyphens: manual; -webkit-hyphens: manual; }
/* Vertrauenskacheln Produktseite: Text darf umbrechen, nichts abgeschnitten */
.tkd .tb-list li, .tkd .tb-list li * { white-space: normal !important; overflow-wrap: break-word; min-width: 0; }
/* Mengenfeld wie Entwurf: − 1 + ohne "Stück" */
.tkd .tk-qtyrow .input-group-text.unit { display: none; }
.tkd .tk-qtyrow input.quantity { text-align: center; }
@media (max-width: 767px) { .tkd .pcard h3 { -webkit-line-clamp: 4; min-height: 0; } }
/* Produktseite: NOVA-Empfehlungs-Slider im Entwurfsstil (Karten statt unterstrichener Links) */
.slick-slider-other .hr-sect, .slick-slider-other h2, .slick-slider-other .h2 { text-align: left !important; font: 800 22px/1.2 var(--f-head, "Montserrat", sans-serif) !important; color: #12184f; border: 0 !important; margin: 0 0 12px !important; padding: 0 !important; }
.slick-slider-other .hr-sect::before, .slick-slider-other .hr-sect::after { display: none !important; }
.slick-slider-other .product-wrapper { background: #fff; border-radius: 14px; box-shadow: 0 6px 18px rgba(18,24,79,.08); padding: 10px 10px 12px; margin: 4px 6px 12px; text-align: left; }
.slick-slider-other .product-wrapper a, .slick-slider-other .product-wrapper a:hover { text-decoration: none !important; color: #12184f; }
.slick-slider-other .item-slider-desc { font: 700 14px/1.3 var(--f-head, "Montserrat", sans-serif); color: #12184f; }
.slick-slider-other .price_wrapper, .slick-slider-other .productbox-price { color: #12184f; font: 800 16px var(--f-head, "Montserrat", sans-serif); text-align: left; }
.slick-slider-other .base_price, .slick-slider-other .base-price, .slick-slider-other .item-slider-price .value { font: 400 12px var(--f-text, inherit); color: #5b6478; }
.slick-slider-other .productbox-image { border-radius: 10px; overflow: hidden; }
/* Video-Platzhalter: Hinweistext nicht abschneiden (Box wächst mit) */
/* Comic-Überschriften: Kontur (text-stroke 6px) nicht links abschneiden */
.tkd .comic { padding-left: 5px; padding-right: 5px; overflow: visible; }
/* Kategorie-Einleitung: Breite nutzen statt 62 Zeichen */
.tkd .cat-head p { max-width: 110ch; }
/* Produktseite ab 768 px: Vorschaubilder links neben dem Hauptbild (Entwurf) */
@media (min-width: 768px) {
  .tkd.tk-pdp .gallery-with-action-main { display: grid !important; grid-template-columns: 84px minmax(0, 1fr); gap: 0 12px; align-items: start; }
  .tkd.tk-pdp .gallery-with-action-main > .product-detail-image-topbar { display: none; }
  .tkd.tk-pdp .gallery-with-action-main > .product-detail-image-preview-bar { grid-column: 1; grid-row: 1; margin: 0 !important; max-width: none; flex: none; width: auto; }
  .tkd.tk-pdp .gallery-with-action-main > [class*="col"]:not(.product-detail-image-preview-bar):not(.product-detail-image-topbar) { grid-column: 2; grid-row: 1; max-width: none; flex: none; width: auto; }
  .tkd.tk-pdp .product-detail-image-preview-bar .slick-list { overflow: visible !important; height: auto !important; }
  .tkd.tk-pdp .product-detail-image-preview-bar .slick-track { display: flex !important; flex-direction: column; gap: 8px; transform: none !important; width: auto !important; }
  .tkd.tk-pdp .product-detail-image-preview-bar .slick-slide { width: 84px !important; float: none !important; }
  .tkd.tk-pdp .product-detail-image-preview-bar .slick-slide.slick-cloned { display: none !important; }
  .tkd.tk-pdp .product-detail-image-preview-bar .slick-arrow { display: none !important; }
}
/* Hero mit Foto (Bens Wahl): Foto randlos, Text links auf hellem Verlauf, Produktkarten rechts */
.tkd .hero-b.tk-has-photo { position: relative; overflow: hidden; background: #eaf1ff; }
.tkd .hero-b.tk-has-photo .tk-hero-photo { position: absolute; inset: 0; z-index: 0; }
.tkd .hero-b.tk-has-photo .tk-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 45% 55%; display: block; max-width: none; }
.tkd .hero-b.tk-has-photo .tk-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 32%, rgba(255,255,255,.6) 46%, rgba(255,255,255,0) 60%); }
.tkd .hero-b.tk-has-photo .hb-in { position: relative; z-index: 1; }
.tkd .hero-b.tk-has-photo .hb-pick { box-shadow: 0 10px 28px rgba(18,24,79,.22); }
@media (max-width: 767px) {
  .tkd .hero-b.tk-has-photo .tk-hero-photo { position: relative; inset: auto; height: 210px; }
  .tkd .hero-b.tk-has-photo .tk-hero-photo img { object-position: 30% 55%; }
  .tkd .hero-b.tk-has-photo .tk-hero-photo::after { background: linear-gradient(180deg, rgba(234,241,255,0) 55%, #eaf1ff 100%); }
}
/* Header größer und lesbarer (Bens Wunsch) */
@media (min-width: 768px) {
  .tkd .logo img { height: 62px; }
  .tkd .hrow { gap: 44px; padding-block: 14px 22px; }
  .tkd .hsearch { max-width: 540px; height: 48px; background: #fff; border: 2px solid #c9d3f0; border-radius: 12px; color: #5f6368; font-size: 15px; margin-left: 4px; }
  .tkd .hsearch:focus-within { border-color: #103ee6; box-shadow: 0 0 0 3px rgba(16,62,230,.15); }
  .tkd .hsearch .ico, .tkd .hsearch .form-icon { color: #103ee6; }
  .tkd .hsearch input, .tkd .hsearch .form-control { font-size: 15px; color: #12184f; background: transparent; }
  .tkd .hsearch input::placeholder { color: #5f6368; opacity: 1; }
}
@media (min-width: 1024px) {
  .tkd .logo img { height: 66px; }
  .tkd .tabs > ul { gap: 8px; }
  .tkd .tabs > ul > li > a, .tkd .tabs > ul > li > button { font-size: 16px; padding: 15px 18px 14px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .tkd .tabs > ul > li > a, .tkd .tabs > ul > li > button { font-size: 15px; padding: 14px 12px 13px; }
}
@media (min-width: 1280px) {
  .tkd .tabs > ul > li > a, .tkd .tabs > ul > li > button { font-size: 17px; padding: 15px 20px 14px; }
}
@media (max-width: 767px) { .tkd .logo img { height: 48px; } }
/* ===== Warenkorb-Seitenleiste (Entwurf v26) ===== */
body.tk-cart-open { overflow: hidden; }
.tk-cart-panel.tk-cart-drawer { width: 440px; max-width: 100vw; display: flex; flex-direction: column; }
@media (max-width: 575px) { .tk-cart-panel.tk-cart-drawer { width: 100vw; left: 0; right: 0; top: 0; bottom: 0; height: 100%; border-radius: 0; } }
.tk-cart-panel.tk-cart-drawer .tk-cart-head { font: 800 18px var(--f-head, "Montserrat", sans-serif); color: #12184f; padding: 16px 16px 12px; border-bottom: 1px solid #e6e9f2; }
.tk-cart-panel.tk-cart-drawer .tk-cart-body { flex: 1 1 auto; overflow-y: auto; padding: 0; }
.tk-cart-panel.tk-cart-drawer .tk-cart-foot { display: grid; gap: 8px; padding: 12px 16px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid #e6e9f2; background: #fff; }
.tk-cart-panel.tk-cart-drawer .tk-cart-foot .btn { width: 100%; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; font: 800 16px var(--f-head, "Montserrat", sans-serif); border-radius: 12px; }
.tk-cart-panel .tk-drawer-in { display: grid; gap: 14px; padding: 14px 16px 16px; color: #12184f; }
.tk-cart-panel .tk-drawer-in.is-busy { opacity: .5; pointer-events: none; }
.tk-cart-panel .dr-toast { display: flex; align-items: center; gap: 8px; background: #e3f5ea; color: #137a3a; font: 700 14px var(--f-head, "Montserrat", sans-serif); padding: 10px 12px; border-radius: 10px; }
.tk-cart-panel .dr-toast .ico { width: 18px; height: 18px; }
.tk-cart-panel .dr-fs p { margin: 0 0 6px; font-size: 14px; color: #c0141c; font-weight: 600; }
.tk-cart-panel .dr-fs.ok p { color: #137a3a; }
.tk-cart-panel .dr-bar { height: 8px; border-radius: 999px; background: #e8eeff; overflow: hidden; }
.tk-cart-panel .dr-bar span { display: block; height: 100%; background: #103ee6; border-radius: 999px; }
.tk-cart-panel .dr-fs.ok .dr-bar span { background: #1f9d55; }
.tk-cart-panel .dr-items, .tk-cart-panel .dr-uplist { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tk-cart-panel .dr-it { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: start; padding-bottom: 10px; border-bottom: 1px solid #eef0f6; }
.tk-cart-panel .dr-img img { width: 64px; height: 64px; object-fit: contain; background: #fff; border-radius: 10px; border: 1px solid #eef0f6; }
.tk-cart-panel .dr-txt { display: grid; gap: 6px; min-width: 0; }
.tk-cart-panel .dr-name { font: 700 14px/1.3 var(--f-head, "Montserrat", sans-serif); color: #12184f; text-decoration: none; overflow-wrap: anywhere; }
.tk-cart-panel .dr-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tk-cart-panel .dr-qty { display: inline-flex; align-items: center; border: 2px solid #dfe3ef; border-radius: 10px; height: 36px; }
.tk-cart-panel .dr-qty button { width: 34px; height: 100%; border: 0; background: transparent; color: #103ee6; font: 800 18px/1 var(--f-head, sans-serif); cursor: pointer; }
.tk-cart-panel .dr-qty span { min-width: 22px; text-align: center; font-weight: 700; }
.tk-cart-panel .dr-price { font: 800 15px var(--f-head, "Montserrat", sans-serif); white-space: nowrap; }
.tk-cart-panel .dr-del { justify-self: start; border: 0; background: none; padding: 0; color: #5b6478; font-size: 12.5px; text-decoration: underline; cursor: pointer; }
.tk-cart-panel .dr-up h3 { font: 800 15px var(--f-head, "Montserrat", sans-serif); margin: 4px 0 8px; }
.tk-cart-panel .dr-uplist .fsx-it { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; align-items: center; background: #f5f7fc; border-radius: 12px; padding: 8px 10px; }
.tk-cart-panel .dr-uplist .tk-up-img img { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; background: #fff; }
.tk-cart-panel .dr-uplist .tk-up-txt { display: grid; gap: 2px; min-width: 0; }
.tk-cart-panel .dr-uplist .tk-up-name { color: #12184f; text-decoration: none; font-size: 13.5px; line-height: 1.3; overflow-wrap: anywhere; }
.tk-cart-panel .dr-uplist .tk-up-price { color: #12184f; font-weight: 700; }
.tk-cart-panel .dr-uplist button, .tk-cart-panel .dr-uplist .tk-up-choose { border: 0; background: #103ee6; color: #fff; border-radius: 10px; height: 36px; padding: 0 10px; display: inline-flex; align-items: center; gap: 6px; font: 700 13px var(--f-head, sans-serif); text-decoration: none; white-space: nowrap; }
.tk-cart-panel .dr-uplist button .ico { width: 16px; height: 16px; }
@media (max-width: 400px) { .tk-cart-panel .dr-uplist .fsx-bt { display: none; } }
.tk-cart-panel .dr-sum { display: flex; justify-content: space-between; align-items: baseline; font: 800 17px var(--f-head, "Montserrat", sans-serif); border-top: 1px solid #e6e9f2; padding-top: 12px; }
.tk-cart-panel .dr-note { margin: -8px 0 0; font-size: 12.5px; color: #5b6478; }
/* Header: Suche größer erzwingen (überschreibt Entwurfs-Regel) */
@media (min-width: 768px) { .tkd .hrow .hsearch { max-width: 540px !important; height: 48px !important; flex: 1 1 540px; } }
/* ===================== Bestellvorgang im Entwurfsstil (nur Darstellung, JTL-Logik unverändert) ===================== */
/* Header: NOVA setzt im Checkout eine feste Header-Höhe ohne Reiterzeile -> Reiter lagen über dem Inhalt */
body.is-checkout .tkd.tk-hdr header, body.is-checkout .tkd.tk-hdr .navbar { height: auto !important; }
body.is-checkout #main-wrapper { background: var(--ground, #f3f5fb); }
body.is-checkout #checkout { max-width: 1232px; padding: 20px 16px 56px; color: #12184f; }
body.is-checkout #checkout h1, body.is-checkout #checkout .h1 { font: 800 clamp(26px, 3vw, 34px)/1.15 var(--f-head, "Montserrat", sans-serif); margin: 8px 0 18px; }
body.is-checkout #checkout .h2, body.is-checkout #checkout h2, body.is-checkout .checkout-confirmation-heading { font: 800 18px/1.25 var(--f-head, "Montserrat", sans-serif) !important; color: #12184f; }
/* Schritte als Brotkrumen wie Entwurf: Warenkorb > Kasse > Bestätigung */
body.is-checkout .checkout-steps { display: flex !important; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 6px !important; padding: 0; border: 0; background: none; }
body.is-checkout .checkout-steps .step { flex: 0 0 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; position: relative; font-size: 14px; color: #5b6478; }
body.is-checkout .checkout-steps .step + .step::before { content: "›"; position: absolute; left: -15px; top: 50%; transform: translateY(-52%); color: #9aa3b8; font-size: 18px; }
body.is-checkout .checkout-steps .step a, body.is-checkout .checkout-steps .step .step-content { color: inherit; display: inline-flex; align-items: center; gap: 6px; padding: 0 !important; border: 0 !important; background: none !important; }
body.is-checkout .checkout-steps .step-current, body.is-checkout .checkout-steps .step-current * { color: #103ee6 !important; font-weight: 700; }
body.is-checkout .checkout-steps .step-check, body.is-checkout .checkout-steps .badge-count, body.is-checkout .checkout-steps .badge-pill { display: none !important; }
/* Karten */
body.is-checkout #checkout .card, body.is-checkout #checkout fieldset, body.is-checkout .checkout-confirmation .row-eq-height > .col > *,
body.is-checkout .checkout-existing-customer, body.is-checkout .checkout-shipping-form, body.is-checkout .checkout-payment-options {
  background: #fff; border: 0 !important; border-radius: 14px; box-shadow: 0 2px 10px rgba(18,24,79,.06); padding: 18px 20px; margin-bottom: 16px; }
body.is-checkout #checkout .card .card-header, body.is-checkout #checkout .card .card-body { background: transparent; border: 0; padding: 0; }
body.is-checkout #checkout legend { font: 800 18px var(--f-head, "Montserrat", sans-serif); color: #12184f; margin-bottom: 10px; border: 0; }
body.is-checkout #checkout hr { border-color: #e6e9f2; }
/* Felder */
body.is-checkout #checkout label, body.is-checkout #checkout .col-form-label { font: 600 13.5px var(--f-text, "Open Sans", sans-serif); color: #12184f; }
body.is-checkout #checkout .form-control, body.is-checkout #checkout .custom-select, body.is-checkout #checkout select.form-control {
  height: 48px; border: 2px solid #dfe3ef; border-radius: 10px; font-size: 15px; color: #12184f; background-color: #fff; box-shadow: none; }
body.is-checkout #checkout textarea.form-control { height: auto; min-height: 96px; }
body.is-checkout #checkout .form-control:focus, body.is-checkout #checkout .custom-select:focus { border-color: #103ee6; box-shadow: 0 0 0 3px rgba(16,62,230,.15); }
body.is-checkout #checkout .has-error .form-control, body.is-checkout #checkout .form-control.is-invalid { border-color: #c0141c; }
/* Versand- und Zahlarten als Kacheln */
body.is-checkout .checkout-shipping-form-options-radio, body.is-checkout .checkout-payment-method {
  border: 2px solid #dfe3ef; border-radius: 12px; padding: 14px 16px !important; margin: 0 0 10px !important; background: #fff; transition: border-color .15s, background .15s; max-width: 100% !important; flex: 0 0 100% !important; }
body.is-checkout .checkout-shipping-form-options-radio:hover, body.is-checkout .checkout-payment-method:hover { border-color: #b9c6f5; }
body.is-checkout .checkout-shipping-form-options-radio:has(input:checked), body.is-checkout .checkout-payment-method:has(input:checked) { border-color: #103ee6; background: #f0f4ff; }
body.is-checkout .checkout-payment-method label, body.is-checkout .checkout-shipping-form-options-radio label { width: 100%; display: flex !important; align-items: center; gap: 12px; font: 700 15px var(--f-head, "Montserrat", sans-serif); cursor: pointer; margin: 0; }
body.is-checkout .checkout-payment-method img, body.is-checkout .checkout-shipping-form-options-radio img { max-height: 28px; width: auto; order: 9; margin-left: auto; background: #fff; border-radius: 6px; padding: 2px 4px; }
body.is-checkout .checkout-payment-method-note, body.is-checkout .checkout-shipping-form-options-radio small, body.is-checkout .checkout-payment-method small { display: block; font: 400 13px var(--f-text, "Open Sans", sans-serif); color: #5b6478; }
body.is-checkout .checkout-shipping-form-options-specific-cost, body.is-checkout .checkout-shipping-form-options-radio .price, body.is-checkout .checkout-shipping-form-options-radio .price-col { font: 800 15px var(--f-head, "Montserrat", sans-serif); color: #12184f; white-space: nowrap; }
body.is-checkout .custom-control-input:checked ~ .custom-control-label::before { background-color: #103ee6; border-color: #103ee6; }
/* Buttons */
body.is-checkout #checkout .btn-primary, body.is-checkout #checkout .submit_once.btn, body.is-checkout #checkout button[type="submit"].btn {
  background: #103ee6; border-color: #103ee6; color: #fff; border-radius: 12px; min-height: 52px; padding: 0 24px; font: 800 16px var(--f-head, "Montserrat", sans-serif); }
body.is-checkout #checkout .btn-primary:hover { background: #0b2fb8; border-color: #0b2fb8; }
body.is-checkout #checkout .btn-outline-primary, body.is-checkout #checkout .btn-secondary { border: 2px solid #103ee6; color: #103ee6; background: #fff; border-radius: 12px; min-height: 52px; font: 800 15px var(--f-head, "Montserrat", sans-serif); }
body.is-checkout .checkout-confirmation-change, body.is-checkout #checkout a:not(.btn) { color: #103ee6; }
/* Bestätigung: links Angaben, rechts Bestellübersicht mit Button (sticky) wie Entwurf */
@media (min-width: 992px) {
  body.is-checkout #order-confirm { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 0 24px; align-items: start; }
  body.is-checkout #order-confirm > h1 { grid-column: 1 / -1; }
  body.is-checkout #order-confirm > .row-eq-height { grid-column: 1; margin: 0; }
  body.is-checkout #order-confirm > .row-eq-height > .col { flex: 0 0 100%; max-width: 100%; padding: 0; }
  body.is-checkout #order-confirm > .checkout-confirmation-pre-form-hr { display: none; }
  body.is-checkout #order-confirm > #complete_order { grid-column: 2; grid-row: 2 / span 3; position: sticky; top: 210px; background: #fff; border-radius: 14px; box-shadow: 0 2px 10px rgba(18,24,79,.06); padding: 18px 20px; }
  body.is-checkout #order-confirm > #complete_order .row > [class*="col"] { flex: 0 0 100%; max-width: 100%; }
}
body.is-checkout #complete_order .order-submit, body.is-checkout #complete_order .checkout-button-row-submit .btn, body.is-checkout #complete_order button[type="submit"] { width: 100%; min-height: 56px; font-size: 18px; }
body.is-checkout .checkout-confirmation-legal-notice { font-size: 13px; color: #5b6478; }
body.is-checkout .checkout-confirmation-legal-notice a { color: #103ee6; text-decoration: underline; }
/* Artikelliste in der Übersicht */
body.is-checkout .checkout-items-item-title { font: 700 14px/1.3 var(--f-head, "Montserrat", sans-serif); color: #12184f; }
body.is-checkout .checkout-items-total-total, body.is-checkout .total-sum { font: 800 20px var(--f-head, "Montserrat", sans-serif) !important; color: #12184f; }
/* Danke-Seite */
body.is-checkout .order-completed, body .order-completed { background: #fff; border-radius: 14px; box-shadow: 0 2px 10px rgba(18,24,79,.06); padding: 20px; }
/* Checkout-Schritte: NOVA-Pfeilkästen entfernen, schlichte Brotkrumen */
body.is-checkout .checkout-steps.stepper .step { background: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; min-width: 0 !important; }
body.is-checkout .checkout-steps.stepper .step::after { display: none !important; content: none !important; }
body.is-checkout .checkout-steps.stepper .step::before { content: none !important; display: none !important; }
body.is-checkout .checkout-steps.stepper .step + .step::before { content: "›" !important; display: block !important; position: absolute; left: -15px; top: 50%; transform: translateY(-52%); width: auto; height: auto; border: 0 !important; background: none !important; color: #9aa3b8; font-size: 18px; }
body.is-checkout .checkout-steps.stepper .step .step-text, body.is-checkout .checkout-steps.stepper .step a, body.is-checkout .checkout-steps.stepper .step .step-content { white-space: nowrap; overflow: visible !important; text-overflow: clip !important; max-width: none !important; font-size: 14px; }
body.is-checkout .checkout-steps.stepper { border-bottom: 0 !important; }
/* Bestellübersicht rechts: kompakte Artikelzeilen wie Entwurf */
@media (min-width: 992px) {
  body.is-checkout #complete_order .card-products { background: transparent; box-shadow: none; padding: 0; margin: 0 0 12px; }
  body.is-checkout #complete_order .card-products .card-header { display: flex; justify-content: space-between; align-items: center; padding: 0 0 8px !important; font: 800 18px var(--f-head, "Montserrat", sans-serif); }
  body.is-checkout #complete_order .checkout-items-header, body.is-checkout #complete_order .checkout-items-header-hr { display: none !important; }
  body.is-checkout #complete_order .checkout-items-item { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 4px 12px; margin: 0 0 10px; align-items: start; }
  body.is-checkout #complete_order .checkout-items-item > [class*="col"] { max-width: none !important; flex: none !important; width: auto !important; padding: 0 !important; }
  body.is-checkout #complete_order .checkout-items-item-image-wrapper { grid-column: 1; grid-row: 1 / span 2; }
  body.is-checkout #complete_order .checkout-items-item-image-wrapper img { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; background: #fff; border: 1px solid #eef0f6; }
  body.is-checkout #complete_order .checkout-items-item-main { grid-column: 2; }
  body.is-checkout #complete_order .checkout-items-item-main p { margin: 0; font: 700 14px/1.3 var(--f-head, "Montserrat", sans-serif); }
  body.is-checkout #complete_order .checkout-items-item-main p a { color: #12184f; text-decoration: none; }
  body.is-checkout #complete_order .checkout-items-item-main ul { display: none; }
  body.is-checkout #complete_order .checkout-items-item-quantity { grid-column: 2; font-size: 13px; color: #5b6478; }
  body.is-checkout #complete_order .checkout-items-item-vat, body.is-checkout #complete_order .checkout-items-item-price-single { display: none !important; }
  body.is-checkout #complete_order .checkout-items-item .price-col { grid-column: 3; grid-row: 1; font: 800 15px var(--f-head, "Montserrat", sans-serif); color: #12184f; }
  body.is-checkout #complete_order .checkout-items-item > .col-12:last-child { grid-column: 1 / -1; }
  body.is-checkout #complete_order .checkout-items-item hr { margin: 6px 0 0; }
  body.is-checkout #complete_order .checkout-items-total-wrapper > *, body.is-checkout #complete_order .checkout-items-total-wrapper .row > [class*="col"] { max-width: none !important; flex: 1 1 auto !important; }
  body.is-checkout #complete_order .checkout-button-row > [class*="col"] { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 8px; order: 0 !important; }
  body.is-checkout #complete_order .checkout-button-row .btn { width: 100%; }
}
/* Versand-/Zahlungsschritt: keine Karte in der Karte, Kacheln volle Breite, Versandart als Kachel */
body.is-checkout .checkout-shipping-form, body.is-checkout .checkout-payment-options { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
body.is-checkout .checkout-payment-options > div, body.is-checkout .checkout-payment-options > div > .checkout-payment-method { flex: 0 0 100% !important; max-width: 100% !important; width: 100%; }
body.is-checkout .checkout-shipping-form-options .custom-radio { display: flex !important; width: 100%; margin: 0 0 10px !important; border: 2px solid #dfe3ef; border-radius: 12px; padding: 14px 16px 14px 44px !important; background: #fff; }
body.is-checkout .checkout-shipping-form-options .custom-radio:has(input:checked) { border-color: #103ee6; background: #f0f4ff; }
body.is-checkout .checkout-shipping-form-options .custom-radio .custom-control-label { width: 100%; }
body.is-checkout .checkout-shipping-form-options .custom-radio .custom-control-label::before, body.is-checkout .checkout-shipping-form-options .custom-radio .custom-control-label::after { left: -30px; }
body.is-checkout .checkout-payment-method .custom-control { padding-left: 30px; }
/* Reiter bündig auf der Header-Linie: kein heller Streifen darunter (auch bei Skalierung ab 1400 px) */
@media (min-width: 1024px) {
  .tkd .tabs { position: relative; z-index: 2; margin-bottom: -1px !important; }
  .tkd .tabs > ul > li > a, .tkd .tabs > ul > li > button { margin-bottom: 0; }
}
body.is-checkout .checkout-payment-options { margin-left: 0 !important; margin-right: 0 !important; }
/* Zahlart-Kachel: Name fett, Hinweis darunter, Logo/Aufpreis rechts */
body.is-checkout .checkout-payment-method .custom-control-label { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name logo" "note logo" "fee logo"; column-gap: 12px; row-gap: 2px; align-items: center; width: 100%; }
body.is-checkout .checkout-payment-method .tk-pm-name { grid-area: name; font: 700 15px/1.3 var(--f-head, "Montserrat", sans-serif); color: #12184f; }
body.is-checkout .checkout-payment-method .checkout-payment-method-note { grid-area: note; }
body.is-checkout .checkout-payment-method .checkout-payment-method-badge { grid-area: fee; font: 700 13px var(--f-head, sans-serif); color: #12184f; }
body.is-checkout .checkout-payment-method .tk-pm-logo { grid-area: logo; max-height: 30px; width: auto; margin: 0 !important; justify-self: end; }
/* Mobil: Überschriften und Fehler-Sprungmarken nicht unter dem klebenden Header */
html { scroll-padding-top: 140px; }
@media (min-width: 1024px) { html { scroll-padding-top: 210px; } }
body.is-checkout #checkout h1, body.is-checkout .has-error, body.is-checkout .alert { scroll-margin-top: 150px; }
.tk-cart-panel .dr-sums { display: grid; gap: 4px; font-size: 14px; color: #12184f; }
.tk-cart-panel .dr-sums > div { display: flex; justify-content: space-between; gap: 12px; }
.tk-cart-panel .dr-sums .dr-tot { font: 800 17px var(--f-head, "Montserrat", sans-serif); border-top: 1px solid #e6e9f2; padding-top: 6px; margin-top: 2px; }
.tk-cart-panel .dr-sums .dr-note { margin: 0; font-size: 12px; color: #5b6478; }
.tk-cart-panel.tk-cart-drawer .tk-cart-ship { display: none !important; }
.tk-cart-panel.tk-cart-drawer { height: 100%; max-height: 100vh; }
.tk-cart-panel.tk-cart-drawer .tk-cart-foot { flex: 0 0 auto; }
/* Bestellübersicht (Zusammenfassung) in allen Breiten kompakt wie Entwurf */
body.is-checkout #complete_order .card-products { background: #fff; box-shadow: none; padding: 0; margin: 0 0 12px; }
body.is-checkout #complete_order .card-products .card-header { display: flex; justify-content: space-between; align-items: center; padding: 0 0 8px !important; background: transparent !important; border: 0; }
body.is-checkout #complete_order .card-products .card-header::before { content: "Deine Bestellung"; font: 800 18px var(--f-head, "Montserrat", sans-serif); color: #12184f; }
body.is-checkout #complete_order .card-products .card-header .btn { background: none !important; border: 0 !important; padding: 0; min-height: 0; font: 600 14px var(--f-text, sans-serif); }
body.is-checkout #complete_order .checkout-items-header, body.is-checkout #complete_order .checkout-items-header-hr { display: none !important; }
body.is-checkout #complete_order .checkout-items-item { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 2px 12px; margin: 0 0 10px; align-items: start; }
body.is-checkout #complete_order .checkout-items-item > [class*="col"] { max-width: none !important; flex: none !important; width: auto !important; padding: 0 !important; }
body.is-checkout #complete_order .checkout-items-item-image-wrapper { grid-column: 1; grid-row: 1 / span 2; }
body.is-checkout #complete_order .checkout-items-item-image-wrapper img { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; background: #fff; border: 1px solid #eef0f6; }
body.is-checkout #complete_order .checkout-items-item-main { grid-column: 2; grid-row: 1; }
body.is-checkout #complete_order .checkout-items-item-main p { margin: 0; font: 700 14px/1.3 var(--f-head, "Montserrat", sans-serif); }
body.is-checkout #complete_order .checkout-items-item-main p a { color: #12184f; text-decoration: none; }
body.is-checkout #complete_order .checkout-items-item-main ul { display: none; }
body.is-checkout #complete_order .checkout-items-item-quantity { grid-column: 2; grid-row: 2; font-size: 13px; color: #5b6478; justify-self: start; }
body.is-checkout #complete_order .checkout-items-item-quantity .checkout-items-item-title { display: inline !important; font: inherit; color: inherit; }
body.is-checkout #complete_order .checkout-items-item-vat, body.is-checkout #complete_order .checkout-items-item-price-single { display: none !important; }
body.is-checkout #complete_order .checkout-items-item .price-col { grid-column: 3; grid-row: 1; font: 800 15px var(--f-head, "Montserrat", sans-serif); color: #12184f; text-align: right; }
body.is-checkout #complete_order .checkout-items-item > .col-12:last-child { grid-column: 1 / -1; grid-row: 3; }
body.is-checkout #complete_order .checkout-items-item hr { margin: 6px 0 0; }
/* Summenzeilen: Bezeichnung links, Betrag rechts in einer Zeile */
body.is-checkout #complete_order .checkout-items-total-wrapper { margin: 0; }
body.is-checkout #complete_order .checkout-items-total-wrapper > [class*="col"] { flex: 0 0 100% !important; max-width: 100% !important; padding: 0; }
body.is-checkout #complete_order .checkout-items-total-wrapper .row { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between; align-items: baseline; margin: 0 0 4px; }
body.is-checkout #complete_order .checkout-items-total-wrapper .row > [class*="col"] { flex: 0 1 auto !important; max-width: none !important; width: auto !important; padding: 0; }
body.is-checkout #complete_order .checkout-items-total-total { border-top: 1px solid #e6e9f2; padding-top: 8px; margin-top: 4px !important; }
/* Buttons in der Übersicht: volle Breite, nichts ragt heraus */
body.is-checkout #complete_order .checkout-button-row { margin: 0; display: grid; gap: 8px; }
body.is-checkout #complete_order .checkout-button-row > [class*="col"] { flex: none !important; max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
body.is-checkout #complete_order .checkout-button-row .btn { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
body.is-checkout #complete_order .checkout-button-row > [class*="order-md-2"] { order: -1 !important; }
body.is-checkout #complete_order .checkout-items-item-quantity { text-align: left !important; }
body.is-checkout #checkout .card-header > .row { flex-wrap: nowrap !important; align-items: center; margin: 0; }
body.is-checkout #checkout .card-header > .row > .col-auto { flex: 0 0 auto; width: auto; padding: 0; }
body.is-checkout #checkout .card-header > .row > .col { padding: 0; }
body.is-checkout .checkout-payment-method .custom-control { display: flex !important; width: 100%; margin: 0; }
body.is-checkout .checkout-payment-method .custom-control-label { flex: 1 1 auto; }

/* === Zusammenfassung (step5) wie Entwurf v26: Panels, Coupon, Kommentar, rechte Spalte in Entwurfsreihenfolge === */
body.is-checkout #order-confirm > .row-eq-height { align-items: flex-start; row-gap: 16px; }
body.is-checkout #order-confirm > .row-eq-height > [class*="col"] { margin: 0; }
body.is-checkout #order-confirm .min-h-card, body.is-checkout #panel-edit-comment, body.is-checkout #panel-edit-coupon { min-height: 0 !important; height: auto !important; }
body.is-checkout #order-confirm .row-eq-height .card { background: #fff; border: 0; border-radius: 14px; box-shadow: 0 2px 10px rgba(18,24,79,.06); }
body.is-checkout #order-confirm .row-eq-height .card-header { background: transparent !important; border: 0; padding: 16px 16px 4px !important; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
body.is-checkout #order-confirm .card-header .checkout-confirmation-heading { font: 800 18px var(--f-head, "Montserrat", sans-serif); color: #12184f; margin: 0; }
body.is-checkout #order-confirm .card-header .btn-link { padding: 0; min-height: 0; border: 0; font: 600 13px var(--f-text, "Open Sans", sans-serif); color: #103ee6; white-space: nowrap; }
body.is-checkout #order-confirm .card-header .btn-link .fa { display: none; }
body.is-checkout #order-confirm .row-eq-height .card-body { padding: 8px 16px 16px !important; }
body.is-checkout #order-confirm .card-body p { margin: 0 0 6px; }
body.is-checkout #order-confirm .card-body p:last-child, body.is-checkout #order-confirm .card-body .row > [class*="col"]:last-child p:last-child { margin-bottom: 0; }
body.is-checkout #order-confirm textarea.checkout-confirmation-comment { width: 100%; box-sizing: border-box; min-height: 88px; font: 400 16px/1.45 var(--f-text, "Open Sans", sans-serif) !important; padding: 10px 12px; border: 1.5px solid #c9d3f0; border-radius: 10px; resize: vertical; }
body.is-checkout #order-confirm .coupon-form, body.is-checkout #order-confirm .coupon-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
body.is-checkout #order-confirm .coupon-form .row { margin: 0; }
body.is-checkout #order-confirm .coupon-form .row > [class*="col"] { padding: 0; flex: 0 0 100%; max-width: 100%; }
body.is-checkout #order-confirm .coupon-form .credit-description { font-size: 14px; color: #5b6478; margin: 0 0 8px; }
body.is-checkout #order-confirm .coupon-form .input-group { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; width: 100%; flex-wrap: nowrap; }
body.is-checkout #order-confirm .coupon-form .input-group > .form-control, body.is-checkout #order-confirm .coupon-form .input-group > .form-group { width: 100% !important; min-width: 0; box-sizing: border-box; border-radius: 10px !important; margin: 0; }
body.is-checkout #order-confirm .coupon-form .input-group-append { margin: 0; display: flex; }
body.is-checkout #order-confirm .coupon-form .input-group-append .btn { border-radius: 10px !important; white-space: nowrap; }
/* rechte Spalte: Deine Bestellung -> Summen -> Checkboxen/Plugin-Hinweise -> AGB-Hinweis -> Bestellen -> Zurück */
@media (min-width: 992px) {
  body.is-checkout #order-confirm > #complete_order { display: flex; flex-direction: column; gap: 12px; }
}
body.is-checkout #complete_order { display: flex; flex-direction: column; gap: 12px; }
body.is-checkout #complete_order > .row, body.is-checkout #complete_order > .row > .order-submit, body.is-checkout #complete_order .checkout-confirmation-items, body.is-checkout #complete_order #panel-submit-order { display: contents; }
body.is-checkout #complete_order > * { order: 2; }
body.is-checkout #complete_order > hr, body.is-checkout #complete_order .checkout-confirmation-pre-form-hr { display: none; }
body.is-checkout #complete_order .card-products { order: 1; margin: 0 !important; }
body.is-checkout #complete_order .checkout-confirmation-legal-notice { order: 3; margin: 0; font-size: 13px; line-height: 1.45; color: #5b6478; }
body.is-checkout #complete_order .checkout-confirmation-legal-notice p { margin: 0; }
body.is-checkout #complete_order .checkout-button-row { order: 4; }
body.is-checkout #complete_order .snippets-checkbox-wrapper { margin: 0; font-size: 14px; }
body.is-checkout #complete_order .card-products .card-body { padding: 0 !important; }
body.is-checkout #complete_order .checkout-items-item:has(> .tk-nonart), body.is-checkout #complete_order .checkout-items-item:has(> [class*="col"] > .tk-nonart) { display: none !important; }
body.is-checkout #complete_order .checkout-items-item-quantity { white-space: nowrap; }
body.is-checkout #complete_order .checkout-items-item .price-col { align-self: start; white-space: nowrap; }
body.is-checkout #complete_order .checkout-items-item:last-of-type hr { display: none; }
body.is-checkout #complete_order .tk-sum { display: grid; gap: 4px; border-top: 1px solid #e6e9f2; padding-top: 10px; font-size: 14px; color: #12184f; }
body.is-checkout #complete_order .tk-sum-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
body.is-checkout #complete_order .tk-sum-row > span:first-child { min-width: 0; }
body.is-checkout #complete_order .tk-sum-row .num { white-space: nowrap; }
body.is-checkout #complete_order .tk-sum-total { border-top: 1px solid #e6e9f2; padding-top: 8px; margin-top: 4px; font: 800 18px var(--f-head, "Montserrat", sans-serif); }
body.is-checkout #complete_order .tk-sum-total .num { font-size: 20px; }
body.is-checkout #complete_order .tk-sum-tax { font-size: 12px; color: #5b6478; }
body.is-checkout #complete_order .checkout-items-item-quantity { margin: 0 !important; justify-self: start; }
body.is-checkout #complete_order .checkout-items-item-quantity .checkout-items-item-title { margin-right: 4px; }
body.is-checkout #order-confirm .row-eq-height .card-header > .row { flex: 1 1 auto; width: 100%; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
body.is-checkout #order-confirm .row-eq-height .card-header > .row > .col { flex: 1 1 auto; min-width: 0; }
body.is-checkout #order-confirm .coupon-form fieldset { background: transparent !important; box-shadow: none !important; border-radius: 0; }
body.is-checkout #order-confirm .card .checkout-confirmation-change { display: inline !important; margin: 0; }
body.is-checkout #complete_order .checkout-items-total-wrapper { display: block !important; margin: 0 !important; }
body.is-checkout #complete_order .checkout-items-total-wrapper > .tk-sum { width: 100%; max-width: none; margin: 0; padding-left: 0; padding-right: 0; }
@media (max-width: 991.98px) {
  body.is-checkout #order-confirm > #complete_order { background: #fff; border-radius: 14px; box-shadow: 0 2px 10px rgba(18,24,79,.06); padding: 16px; margin-top: 16px; }
  body.is-checkout #order-confirm > .checkout-confirmation-pre-form-hr { display: none; }
}
@media (max-width: 575.98px) {
  body.is-checkout #order-confirm .row-eq-height .card-header { padding: 14px 14px 4px !important; }
  body.is-checkout #order-confirm .row-eq-height .card-body { padding: 6px 14px 14px !important; }
}

/* === Runde Ben 04.11. abends === */
/* Produktvideos wie Entwurf (.media-frame): 16:9, volle Breite, Vorschaubild statt blauer Fläche */
.tk-video { max-width: none; }
.tk-yt-player { aspect-ratio: 16 / 9; width: 100%; display: block; background: #0B1E5C; border-radius: 14px; overflow: hidden; }
.tk-yt-player .tk-yt-btn.media-frame { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; display: block; padding: 0; border: 0; border-radius: 0; background: #0B1E5C; cursor: pointer; }
.tk-yt-player .tk-yt-btn .tk-yt-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tk-yt-player:not(.is-yt-thumb) .tk-yt-btn .tk-yt-poster { object-fit: contain; background: #fff; }
.tk-yt-player .media-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.3); z-index: 1; }
.tk-yt-player .media-play svg { width: 28px; height: 28px; fill: #103ee6; margin-left: 4px; }
.tk-yt-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tk-desc .tk-yt-player { margin: 12px 0; }
/* Seitenspalte unter dem Kaufbereich: Lieferumfang + Anna-Video */
.tkd .pdp-below .tk-below-side { display: grid; gap: 24px; align-content: start; min-width: 0; }
.tkd .pdp-below .tk-tabs-wrap { grid-column: 1 / -1; }
.tkd .tk-lf ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.tkd .tk-lf li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.4; }
.tkd .tk-lf li::before { content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: #16a34a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 12px no-repeat; }
.tkd .tk-anna .media { margin: 0; }
/* Kaufberater: Ergebnis wie Entwurf (Bild | Text), kein schmaler Spaltenfehler ohne Bild */
.tkd .fz-card { grid-template-columns: 110px minmax(0, 1fr); }
.tkd .fz-card.no-img { grid-template-columns: minmax(0, 1fr); }
.tkd .fz-card .fz-ci { display: block; width: 110px; height: 110px; background: #fff; border-radius: 10px; overflow: hidden; }
.tkd .fz-card .fz-ci img { width: 110px; height: 110px; object-fit: contain; }
.tkd .fz-card h3 { margin: 0; }
.tkd .fz-card .fz-price { font: 800 18px var(--f-head, "Montserrat", sans-serif); color: #12184f; }
.tkd .fz-extra .fz-xi { display: block; width: 48px; height: 48px; }
.tkd .fz-extra .fz-xi img { width: 48px; height: 48px; object-fit: contain; background: #fff; border-radius: 8px; }
.tkd .fz-extra .fz-xt { min-width: 0; display: grid; gap: 2px; }
.tkd .fz-extra .fz-xt small { color: #5b6478; font-size: 12.5px; }
.tkd .fz-extra:not(:has(.fz-xi)) { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 420px) {
  .tkd .fz-card { grid-template-columns: 80px minmax(0, 1fr); }
  .tkd .fz-card .fz-ci, .tkd .fz-card .fz-ci img { width: 80px; height: 80px; }
}
/* Mega-Menü Zubehör: viele Unterkategorien in zwei Spalten statt langer Liste */
.tkd .mega.mg-small.mg-many { grid-template-columns: minmax(420px, 520px) minmax(0, 1fr) !important; }
.tkd .mega.mg-many .mg-subs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; }
.tkd .mega.mg-many .mg-subs h4, .tkd .mega.mg-many .mg-subs .mg-all { grid-column: 1 / -1; }
.tkd .mega.mg-many .mg-cards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 1199px) { .tkd .mega.mg-small.mg-many { grid-template-columns: minmax(360px, 440px) minmax(0, 1fr) !important; } }
/* Mega-Menü: Hover über eine Art zeigt deren Bild in der Tipp-/Bestseller-Karte */
.tkd .mg-promo.is-art .mg-price { display: none; }
.tkd .mg-promo .mg-promo-img img { transition: opacity .15s; }
/* "Kunden kauften auch": gleich hohe Karten, Text mit Abstand zum unteren Rand */
.slick-slider-other .slick-track { display: flex !important; }
.slick-slider-other .slick-slide { height: auto !important; display: flex !important; }
.slick-slider-other .slick-slide > div { display: flex; width: 100%; }
.slick-slider-other .product-wrapper { display: flex !important; flex-direction: column; width: calc(100% - 12px); height: calc(100% - 16px); padding: 10px 12px 18px !important; overflow: visible; }
/* Warenkorb-Leiste: dezenter Ladezustand während der Server-Abgleich läuft (Inhalt bleibt sichtbar) */
.tk-cart-panel.is-syncing .dr-qty button, .tk-cart-panel.is-syncing .dr-del { pointer-events: none; opacity: .45; }
.tk-cart-panel.is-syncing .tk-cart-foot .dr-tot b::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 6px; border: 2px solid #c9d3f0; border-top-color: #103ee6; border-radius: 50%; animation: tkspin .7s linear infinite; vertical-align: middle; }
@keyframes tkspin { to { transform: rotate(360deg); } }
/* Videos im Reiter "Videos": nicht über die ganze Seitenbreite */
#tab-content-product-tabs .tk-yt-player { max-width: 760px; margin: 0 0 16px; }
.slick-slider-other > .row, .slick-slider-other .slick-track { align-items: stretch !important; }
.slick-slider-other .product-wrapper { height: auto !important; min-height: 0; box-sizing: border-box; }
.slick-slider-other .slick-slide .product-wrapper { height: calc(100% - 16px) !important; }
.tkd .fz-steps li { white-space: nowrap; }
.tkd .media iframe.tk-media-iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 14px; }
.tk-yt-player.is-yt-thumb .tk-yt-btn .tk-yt-poster { object-fit: cover; background: #0B1E5C; }
/* "Jetzt 50 % sparen" (Staffelpreis ab 2) */
.tkd .second.tk-second { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 12px 0; cursor: pointer; }
.tkd .tk-second .second-row picture, .tkd .tk-second .second-row img { width: 48px; height: 48px; flex: none; }
.tkd .tk-second .second-row img { object-fit: contain; background: #fff; border: 1px solid #eef0f6; }
.tkd .tk-second .second-hint { display: flex; gap: 6px; align-items: center; font-size: 13px; color: #15803d; }
.tkd .tk-second .second-hint[hidden] { display: none; }
.tkd .tk-second .second-hint .ico { width: 16px; height: 16px; }
/* Produkt-Slider (Kunden kauften auch, Startseite): Name 2 Zeilen, Preis darunter im Fluss, Preise auf gleicher Höhe */
.slick-slider-other .product-wrapper > a { display: flex; flex-direction: column; height: 100%; }
.slick-slider-other .item-slider-desc { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; height: auto !important; max-height: calc(1.3em * 2); margin: 8px 0 6px; line-height: 1.3; }
.slick-slider-other .item-slider-desc > span { display: inline; }
.slick-slider-other .item-slider-price { margin-top: auto; height: auto !important; }
.slick-slider-other .item-slider-price .price_wrapper, .slick-slider-other .item-slider-price .price-note, .slick-slider-other .item-slider-price .base-price { height: auto !important; }
/* "Wird oft zusammen gekauft" (Plugin-Widget): Titelblock ohne feste Höhe, Preis darunter im Fluss */
.fbt_widget_container div:has(> .fbt-product-title) { height: auto !important; min-height: 0 !important; overflow: visible; margin-bottom: 6px; }
.fbt_widget_container .fbt-product-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }
/* NOVA-Filterboxen (Sonderangebote, Suche, Hersteller, Merkmale ...) im Entwurf-Chip-Stil */
#sidepanel_left .btn-filter-box { display: flex; align-items: center; justify-content: space-between; gap: 8px; white-space: normal; }
#sidepanel_left .btn-filter-box .text-truncate { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; letter-spacing: .05em; line-height: 1.3; min-width: 0; }
#sidepanel_left .btn-filter-box:focus:not(:focus-visible), #sidepanel_left .filter-item:focus:not(:focus-visible) { outline: 0 !important; box-shadow: none !important; }
#sidepanel_left .btn-filter-box:focus-visible, #sidepanel_left .filter-item:focus-visible { outline: 3px solid #ffd23f; outline-offset: 2px; }
#sidepanel_left .filter-item { white-space: nowrap; max-width: 100%; }
#sidepanel_left .filter-item .box-link-wrapper { flex-wrap: nowrap; min-width: 0; }
#sidepanel_left .filter-item .word-break { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; word-break: normal; }
#sidepanel_left .filter-item .badge { flex: none; white-space: nowrap; display: inline-flex; gap: 0; }
#sidepanel_left .box-filter-price .price-range-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 12px; }
#sidepanel_left .box-filter-price .price-range-inputs > [class*="col"] { max-width: none; flex: none; padding: 0; }
#sidepanel_left .box-filter-price .input-group { flex-wrap: nowrap; width: 100%; }
#sidepanel_left .box-filter-price .price-range-input { min-width: 0; width: 100%; flex: 1 1 auto; height: 36px; padding: 4px 8px; font-size: 14px; border-radius: 8px 0 0 8px !important; order: 0; }
#sidepanel_left .box-filter-price .input-group-prepend { order: 1; margin: 0; }
#sidepanel_left .box-filter-price .input-group-text { padding: 0 8px; font-size: 12px; border-radius: 0 8px 8px 0 !important; }
#sidepanel_left .box-filter-price .price-range-slide { margin: 6px 10px 4px; }
/* Mega-Menü kleine Kategorien (Futter, Salzkrebse ...): Unterkategorien als Bildkacheln links, Bestseller rechts, volle Breite */
.tkd .mega.mg-small.mg-tiles { grid-template-columns: minmax(380px, 46%) minmax(0, 1fr) !important; column-gap: 28px; align-items: start; }
.tkd .mega.mg-tiles .mg-subs { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.tkd .mega.mg-tiles .mg-subs h4, .tkd .mega.mg-tiles .mg-subs .mg-all { grid-column: 1 / -1; }
.tkd .tabs .mega.mg-tiles a.mg-sub { flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 12px 8px; background: #f5f7fc; border-radius: 12px; font: 700 14px/1.25 var(--f-head, "Montserrat", sans-serif); }
.tkd .tabs .mega.mg-tiles a.mg-sub:hover { background: #e9efff; }
.tkd .mega.mg-tiles .mg-sub img, .tkd .mega.mg-tiles .mg-sub .mg-ph { width: 72px; height: 72px; border-radius: 12px; object-fit: cover; }
.tkd .mega.mg-tiles .mg-sub picture { display: block; width: 72px; height: 72px; }
.tkd .mega.mg-small .mg-cards { gap: 14px; }
@media (max-width: 1199px) { .tkd .mega.mg-small.mg-tiles { grid-template-columns: minmax(300px, 44%) minmax(0, 1fr) !important; } .tkd .mega.mg-tiles .mg-subs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tkd .mega.mg-tiles .mg-subs { grid-template-columns: repeat(var(--tc, 2), minmax(0, 1fr)) !important; }
.tkd .tabs .mega.mg-few a.mg-sub { padding: 18px 12px; font-size: 16px; min-height: 180px; justify-content: center; }
.tkd .mega.mg-few .mg-sub img, .tkd .mega.mg-few .mg-sub picture, .tkd .mega.mg-few .mg-sub .mg-ph { width: 120px; height: 120px; }
/* === Mega-Menü einheitlich (alle Hauptkategorien): feste Höhe, links Kategorien-Kacheln (hellblau), rechts "Beliebt in" (weiße Karten) === */
.tkd .mega.tkm { grid-template-columns: minmax(0, 1fr) minmax(500px, 42%) !important; column-gap: 28px; height: 440px; padding: 22px 24px; align-items: stretch; overflow: hidden; }
.tkd .mega.tkm .tkm-cats, .tkd .mega.tkm .tkm-prods { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 12px; min-width: 0; min-height: 0; }
.tkd .mega.tkm .tkm-prods { border-left: 1px solid #e6e9f2; padding-left: 24px; }
.tkd .mega.tkm .tkm-h { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.tkd .mega.tkm .tkm-h span { font: 800 13px var(--f-head, "Montserrat", sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #12184f; }
.tkd .tabs .mega.tkm .tkm-h a { font: 700 13px var(--f-text, "Open Sans", sans-serif); color: #103ee6; text-decoration: none; padding: 0; background: none; }
.tkd .mega.tkm .tkm-tiles { display: grid; grid-template-columns: repeat(var(--g, 3), minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); gap: 12px; min-height: 0; }
.tkd .mega.tkm .tkm-tile { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: rgba(16, 62, 230, .07); border: 1px solid rgba(16, 62, 230, .14); border-radius: 14px; padding: 12px; overflow: hidden; text-decoration: none; color: #12184f; transition: background .15s, border-color .15s; }
.tkd .mega.tkm .tkm-tile:hover { background: rgba(16, 62, 230, .12); border-color: rgba(16, 62, 230, .35); }
.tkd .tabs .mega.tkm a.tkm-tile-head { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 0; background: none; color: #12184f; text-decoration: none; flex: 1 1 auto; min-height: 0; }
.tkd .mega.tkm .tkm-tile-img { display: block; width: 96px; height: 96px; flex: none; border-radius: 12px; overflow: hidden; background: #fff; }
.tkd .mega.tkm .tkm-tile-img img, .tkd .mega.tkm .tkm-tile-img picture { display: block; width: 100%; height: 100%; object-fit: cover; }
.tkd .mega.tkm .tkm-tile-txt { display: grid; gap: 2px; min-width: 0; }
.tkd .mega.tkm .tkm-tile-txt b { font: 800 16px/1.25 var(--f-head, "Montserrat", sans-serif); color: #12184f; overflow-wrap: anywhere; }
.tkd .mega.tkm .tkm-tile-txt small { font: 700 12.5px var(--f-text, "Open Sans", sans-serif); color: #103ee6; }
/* viele Unterkategorien (Zubehör): kompakte Kacheln */
.tkd .mega.tkm .tkm-tiles[style*="--g:5"] .tkm-tile { padding: 10px 8px; }
.tkd .mega.tkm .tkm-tiles[style*="--g:5"] .tkm-tile-img { width: 64px; height: 64px; }
.tkd .mega.tkm .tkm-tiles[style*="--g:5"] .tkm-tile-txt b { font-size: 14px; }
.tkd .mega.tkm .tkm-tiles[style*="--g:5"] .tkm-tile-txt small { display: none; }
/* Kacheln mit Unterlisten (Triops-Gattungen, Feenkrebse ...) */
.tkd .mega.tkm .tkm-tiles.with-links .tkm-tile { padding: 10px; }
.tkd .tabs .mega.tkm .with-links a.tkm-tile-head { flex: none; flex-direction: row; justify-content: flex-start; text-align: left; gap: 10px; padding-bottom: 8px; border-bottom: 2px solid rgba(16, 62, 230, .25); margin-bottom: 6px; }
.tkd .mega.tkm .with-links .tkm-tile-img { width: 64px; height: 64px; }
.tkd .mega.tkm .with-links .tkm-tile-txt b { font-size: 15px; }
.tkd .mega.tkm .with-links ul { display: grid; gap: 0; overflow: hidden; }
.tkd .tabs .mega.tkm .with-links ul a { display: block; padding: 4px 6px; font: 400 14px/1.3 var(--f-text, "Open Sans", sans-serif); color: #12184f; border-radius: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tkd .tabs .mega.tkm .with-links ul a:hover, .tkd .tabs .mega.tkm .with-links ul a:focus-visible { background: #fff; color: #103ee6; }
.tkd .mega.tkm .tkm-teaser { background: #103ee6; border-color: #103ee6; color: #fff; justify-content: center; }
.tkd .mega.tkm .tkm-teaser:hover { background: #0b31c4; }
.tkd .mega.tkm .tkm-teaser .eyebrow { color: #ffd23f; font: 800 11px var(--f-head, sans-serif); letter-spacing: .08em; text-transform: uppercase; }
.tkd .mega.tkm .tkm-teaser b { color: #fff; font: 800 18px/1.25 var(--f-head, sans-serif); }
.tkd .mega.tkm .tkm-teaser small { color: #fff; }
/* Produktkarten rechts: weiß, dünner Rahmen, feste Bildhöhe */
.tkd .mega.tkm .tkm-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; min-height: 0; align-content: start; }
.tkd .mega.tkm .tkm-card { position: relative; display: grid; grid-template-rows: 132px auto 1fr; gap: 6px; background: #fff; border: 1px solid #dfe3ef; border-radius: 12px; padding: 10px; min-width: 0; height: 300px; text-decoration: none; color: #12184f; }
.tkd .tabs .mega.tkm a.tkm-cimg { display: block; padding: 0; background: none; }
.tkd .mega.tkm .tkm-cimg img, .tkd .mega.tkm .tkm-cimg picture { display: block; width: 100%; height: 132px; object-fit: contain; }
.tkd .tabs .mega.tkm a.tkm-cname { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 0; background: none; font: 700 13.5px/1.3 var(--f-head, "Montserrat", sans-serif); color: #12184f; text-decoration: none; }
.tkd .mega.tkm .tkm-crow { display: flex; justify-content: space-between; align-items: flex-end; gap: 6px; align-self: end; }
.tkd .mega.tkm .tkm-cprice { font: 800 16px var(--f-head, sans-serif); color: #103ee6; white-space: nowrap; }
.tkd .mega.tkm .tk-free-badge { position: absolute; left: 8px; top: 8px; }
.tkd .mega.tkm .tkm-card-teaser { grid-template-rows: auto auto 1fr; align-content: center; background: #f5f7fc; border-style: dashed; padding: 16px; }
.tkd .mega.tkm .tkm-card-teaser .eyebrow { font: 800 11px var(--f-head, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #103ee6; }
.tkd .mega.tkm .tkm-card-teaser b { font: 800 16px/1.3 var(--f-head, sans-serif); }
.tkd .mega.tkm .tkm-card-teaser small { color: #103ee6; font-weight: 700; }
@media (max-width: 1279px) {
  .tkd .mega.tkm { grid-template-columns: minmax(0, 1fr) minmax(420px, 44%) !important; }
  .tkd .mega.tkm .tkm-tiles[style*="--g:5"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Grünes Gratis-Versand-Badge (Karten, Produktseite) */
.tk-free-badge { display: inline-flex; align-items: center; gap: 5px; background: #1C871E; color: #fff; font: 800 12px/1 var(--f-head, "Montserrat", sans-serif); padding: 5px 9px; border-radius: 999px; white-space: nowrap; z-index: 2; }
.tk-free-badge .ico { width: 15px; height: 15px; stroke: #fff; fill: none; stroke-width: 2; }
.tkd .tk-free-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 2px 0 10px; }
.tkd .tk-free-row .tk-free-badge { font-size: 13.5px; padding: 7px 12px; }
.tkd .tk-free-row .tk-free-txt { font-size: 13px; color: #5b6478; }
.tkd .pcard .tk-free-card { align-self: start; justify-self: start; margin: 2px 0 4px; font-size: 11.5px; padding: 4px 8px; }
/* Gratis-Versand-Hinweis unter dem Kaufbutton: kein Rot mehr (wirkt wie Fehler) */
.tkd .ship-note, .tkd .ship-note span { color: #103ee6 !important; }
.tkd .ship-note.is-free, .tkd .ship-note.is-free span { color: #1C871E !important; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.tkd .ship-note.is-free .ico { width: 16px; height: 16px; stroke: currentColor; }
/* Rundgang-Funde: lange Links in Rechtstexten umbrechen, Such-Toolbar mobil, Widget "Dieser Artikel" */
#content .link-content a, #content .tk-cms a, #content article a, .tkd .prose a, #content p a { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 767.98px) {
  .productlist-page-nav, .productlist-page-nav > .row, .productlist-page-nav .row { flex-wrap: wrap !important; max-width: 100%; }
  .productlist-page-nav [class*="col"] { min-width: 0; max-width: 100% !important; flex: 1 1 auto !important; }
  .productlist-page-nav .dropdown, .productlist-page-nav .dropdown .btn { max-width: 100%; }
  .productlist-page-nav .dropdown .btn { white-space: normal; text-align: left; }
}
.fbt_widget_container .fbt-product-title, .fbt_widget_container [class*="fbt"] { overflow-wrap: anywhere; }
.tkd .mega.tkm.tkm-wide { grid-template-columns: minmax(0, 1fr) minmax(340px, 30%) !important; }
.tkd .mega.tkm.tkm-wide .tkm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tkd .mega.tkm .with-links .tkm-tile-txt b { overflow-wrap: normal; hyphens: auto; -webkit-hyphens: auto; }
.tkd .mega.tkm .with-links .tkm-tile-img { width: 48px; height: 48px; border-radius: 10px; }
.tkd .mega.tkm .tkm-tile-txt b { overflow-wrap: normal; word-break: normal; hyphens: auto; -webkit-hyphens: auto; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile { padding: 8px; }
.tkd .tabs .mega.tkm .tkm-tiles.compact a.tkm-tile-head { flex-direction: row; justify-content: flex-start; text-align: left; gap: 10px; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-img { width: 52px; height: 52px; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-txt b { font-size: 14px; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-txt small { display: none; }
/* Mega-Kacheln: Wörter nie mitten im Wort trennen */
.tkd .mega.tkm .tkm-tile-txt b { hyphens: manual !important; -webkit-hyphens: manual !important; overflow-wrap: normal; font-size: 15px; }
.tkd .tabs .mega.tkm .tkm-tiles.compact a.tkm-tile-head { flex-direction: column; justify-content: center; text-align: center; gap: 6px; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-img { width: 44px; height: 44px; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-txt b { font-size: 12.5px; letter-spacing: -.01em; }
.tkd .mega.tkm .with-links .tkm-tile-img { width: 40px; height: 40px; }
.tkd .mega.tkm .with-links .tkm-tile-txt b { font-size: 14px; }
@media (max-width: 1279px) { .tkd .mega.tkm .tkm-tile-txt b { font-size: 14px; } .tkd .mega.tkm .with-links .tkm-tile-txt b { font-size: 13px; } }
/* === Mega-Menü Runde 3 (Ben: größere Bilder, keine Löcher, klarer Aktiv-Zustand) === */
.tkd .mega.tkm, .tkd .mega.tkm.tkm-wide { grid-template-columns: minmax(0, 1fr) minmax(330px, 28%) !important; }
.tkd .mega.tkm .tkm-cards, .tkd .mega.tkm.tkm-wide .tkm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* Kachelbild füllt die Kachel (ca. 70 % der Breite, quadratisch) */
.tkd .mega.tkm .tkm-tile-img, .tkd .mega.tkm .tkm-tiles.compact .tkm-tile-img { width: min(70%, 180px); height: auto; aspect-ratio: 1 / 1; max-height: calc(100% - 52px); border-radius: 14px; }
.tkd .mega.tkm .tkm-tile-img img, .tkd .mega.tkm .tkm-tile-img picture { width: 100%; height: 100%; object-fit: cover; }
.tkd .tabs .mega.tkm a.tkm-tile-head { min-height: 0; height: 100%; }
/* viele Unterkategorien (Zubehör): 6 Spalten x 2 Reihen, Bild oben */
.tkd .mega.tkm .tkm-tiles.compact { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.tkd .tabs .mega.tkm .tkm-tiles.compact a.tkm-tile-head { flex-direction: column; justify-content: center; gap: 6px; }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-img { width: min(80%, 130px); max-height: calc(100% - 40px); }
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-txt b { font-size: 13px; }
/* Triops/Feenkrebse mit Unterlisten: Bild als Banner oben in der Kachel */
.tkd .tabs .mega.tkm .with-links a.tkm-tile-head { flex-direction: column; align-items: stretch; gap: 8px; height: auto; }
.tkd .mega.tkm .with-links .tkm-tile-img { width: 100%; height: 96px; aspect-ratio: auto; max-height: none; border-radius: 10px; }
.tkd .mega.tkm .with-links .tkm-tile-txt { grid-template-columns: 1fr auto; align-items: baseline; }
.tkd .tabs .mega.tkm .with-links ul a { padding: 3px 6px; }
/* Produktkarten: Bild, Name (2 Zeilen), direkt darunter Preis + Button, keine Löcher */
.tkd .mega.tkm .tkm-card { height: auto; grid-template-rows: auto auto auto; align-content: start; gap: 8px; }
.tkd .mega.tkm .tkm-cimg img, .tkd .mega.tkm .tkm-cimg picture { height: 150px; }
.tkd .tabs .mega.tkm a.tkm-cname { min-height: calc(1.3em * 2); }
.tkd .mega.tkm .tkm-crow { align-self: auto; }
.tkd .mega.tkm .tkm-card-teaser { min-height: 260px; }
.tkd .mega.tkm .tkm-cprice.sale { color: #c81e1e; }
.tkd .mega.tkm .tkm-cprice s { font: 400 12px var(--f-text, sans-serif); color: #5b6478; margin-left: 4px; }
/* Sale-Kachel */
.tkd .mega.tkm .tkm-sale-tile { background: #fdeaea; border-color: #f5c2c2; align-items: center; justify-content: center; text-align: center; gap: 10px; }
.tkd .mega.tkm .tkm-sale-tile:hover { background: #fbdcdc; }
.tkd .mega.tkm .tkm-sale-pct { display: grid; place-items: center; width: 110px; height: 110px; border-radius: 50%; background: #c81e1e; color: #fff; font: 900 56px var(--f-head, sans-serif); }
.tkd .mega.tkm .tkm-sale-tile small { color: #c81e1e; }
/* Reiter: nur der Reiter des offenen Menüs wirkt aktiv; aktuelle Kategorie hell nur, solange kein Menü offen ist */
@media (min-width: 1024px) {
  .tkd .tabs:has(> ul > li:hover, > ul > li:focus-within) > ul > li > a.on { background: #103ee6; color: #fff; }
  .tkd .tabs:has(> ul > li:hover, > ul > li:focus-within) > ul > li > a.on.sale { background: #c81e1e; }
  .tkd .tabs > ul > li.tk-has-mega:hover > a, .tkd .tabs > ul > li.tk-has-mega:focus-within > a { background: #0a2a9e !important; color: #fff !important; box-shadow: inset 0 -4px 0 #ffd23f; }
  .tkd .tabs > ul > li.tk-has-mega:hover > a.sale, .tkd .tabs > ul > li.tk-has-mega:focus-within > a.sale { background: #9e1414 !important; }
}
.tkd .mega.tkm .tkm-card > * { min-width: 0; max-width: 100%; }
.tkd .mega.tkm .tkm-crow { flex-wrap: wrap; row-gap: 4px; }
.tkd .mega.tkm .tkm-cprice.sale { white-space: normal; }
.tkd .mega.tkm .tkm-cprice s { display: inline-block; }
/* Produktkarten füllen die rechte Spalte vollständig (Bild wächst), keine leere Fläche darunter */
.tkd .mega.tkm .tkm-cards { grid-auto-rows: 1fr; align-content: stretch; height: 100%; }
.tkd .mega.tkm .tkm-card { grid-template-rows: minmax(0, 1fr) auto auto; height: 100%; }
.tkd .mega.tkm .tkm-cimg { min-height: 0; height: 100%; display: flex !important; align-items: center; justify-content: center; }
.tkd .mega.tkm .tkm-cimg img, .tkd .mega.tkm .tkm-cimg picture { height: 100%; max-height: 260px; width: 100%; object-fit: contain; }
.tkd .mega.tkm .tkm-card-teaser { min-height: 0; height: 100%; }
/* kleine Kacheln: lange Wörter mit deutscher Silbentrennung statt Überstand */
.tkd .mega.tkm .tkm-tiles.compact .tkm-tile-txt b { hyphens: auto !important; -webkit-hyphens: auto !important; overflow-wrap: anywhere; max-width: 100%; }
/* Filter-Chips: Text vollständig (umbrechen statt "…"), Preisfelder nebeneinander, Schieberegler sichtbar */
#sidepanel_left .filter-item { white-space: normal; height: auto; min-height: 32px; text-align: left; line-height: 1.25; padding: 6px 12px; }
#sidepanel_left .filter-item .box-link-wrapper { flex-wrap: nowrap; align-items: center; }
#sidepanel_left .filter-item .word-break { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
#sidepanel_left .box-filter-price .price-range-inputs { display: flex !important; flex-wrap: nowrap !important; gap: 8px; margin: 0 0 14px !important; }
#sidepanel_left .box-filter-price .price-range-inputs > [class*="col"] { flex: 1 1 0 !important; min-width: 0; max-width: none !important; padding: 0 !important; }
#sidepanel_left .box-filter-price .input-group { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; }
#sidepanel_left .box-filter-price .price-range-input { height: 36px !important; flex: 1 1 auto; min-width: 0; width: 1% !important; }
#sidepanel_left .box-filter-price .input-group-prepend, #sidepanel_left .box-filter-price .input-group-text { height: 36px; display: flex; align-items: center; }
#sidepanel_left .box-filter-price .price-range-slide { display: block !important; height: 6px; margin: 8px 10px 6px !important; visibility: visible !important; }
/* Rechtstexte: lange Links umbrechen (Handy) */
#content a, .tkd a { overflow-wrap: anywhere; }
#content .link-content, #content [class*="cms"], #content article, #content .container { min-width: 0; }
#sidepanel_left .box-filter-price .input-group-text { font-size: 0 !important; padding: 0 9px !important; }
#sidepanel_left .box-filter-price .input-group-text::after { content: "€"; font: 700 14px var(--f-text, "Open Sans", sans-serif); color: #5b6478; }
#sidepanel_left .box-filter-price .price-range-input { padding: 4px 6px !important; font-size: 14px; text-align: right; }
/* Mega-Menü Runde 4: quadratische Bilder (Tiere vollständig), Produktbild füllt die Karte */
.tkd .mega.tkm .with-links .tkm-tile-img { width: min(100%, 120px); height: auto; aspect-ratio: 1 / 1; align-self: center; border-radius: 12px; }
.tkd .tabs .mega.tkm .with-links a.tkm-tile-head { align-items: center; text-align: center; }
.tkd .mega.tkm .with-links .tkm-tile-txt { grid-template-columns: 1fr; justify-items: center; }
.tkd .mega.tkm .tkm-tile-img img, .tkd .mega.tkm .tkm-tile-img picture { object-fit: cover; object-position: center; }
.tkd .tabs .mega.tkm .with-links ul { grid-template-columns: 1fr; }
.tkd .tabs .mega.tkm .with-links ul a { padding: 2px 6px; font-size: 13.5px; }
.tkd .mega.tkm .tkm-cards { grid-auto-rows: auto; align-content: start; height: auto; }
.tkd .mega.tkm .tkm-card { height: auto; grid-template-rows: auto auto auto; }
.tkd .mega.tkm .tkm-cimg { height: auto; aspect-ratio: 1 / 1; display: block !important; background: #fff; }
.tkd .mega.tkm .tkm-cimg img, .tkd .mega.tkm .tkm-cimg picture { display: block; width: 100%; height: 100%; max-height: none; object-fit: contain; }
.tkd .mega.tkm .tkm-card-teaser { height: auto; aspect-ratio: auto; min-height: 220px; }
@media (max-width: 1439px) { .tkd .mega.tkm .with-links .tkm-tile-img { width: min(100%, 96px); } .tkd .tabs .mega.tkm .with-links ul a { font-size: 13px; padding: 1px 6px; } }
/* Mega: 4 Kategorien in einer Reihe (Futter), Kachelbilder immer quadratisch */
.tkd .mega.tkm .tkm-tiles:not(.with-links):not(.compact):has(> .tkm-tile:nth-child(4)):not(:has(> .tkm-tile:nth-child(5))) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.tkd .mega.tkm .tkm-tile-img { max-height: none !important; }
/* Kein seitliches Scrollen durch unsichtbare Off-Canvas-Elemente (z. B. Zahlungsmöglichkeiten 390 px) */
html, body { overflow-x: clip; }

/* ===== Ratgeber-Artikel wie Entwurf v26 ===== */
.tkd .blog-details .art-layout{margin-top:8px}
.tkd .blog-details .article{display:grid;gap:16px;min-width:0}
.tkd .blog-details .article > h1{margin:0}
.tkd .blog-details .bmeta{margin:-6px 0 0;color:var(--muted);font-size:14px}
.tkd .tk-art-body{display:grid;gap:14px;min-width:0}
.tkd .tk-art-body > *, .tkd .tk-art-body > div > *{margin-bottom:0}
.tkd .tk-art-body img{max-width:100%;height:auto}
.tkd .tk-art-body .art-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r)}
.tkd .tk-art-body h2, .tkd .tk-art-body .tk-art-h{font-size:22px;margin:12px 0 0;scroll-margin-top:140px}
.tkd .tk-art-body ol, .tkd .tk-art-body ul{padding-left:1.3em;display:grid;gap:6px}
.tkd .tk-art-body .art-feature, .tkd .tk-art-body .toc, .tkd .tk-art-body .inline-tip{margin:6px 0}
.tkd .art-feature-name, .tkd .bmini-name, .tkd .art-end-name{color:inherit;text-decoration:none}
.tkd .art-feature-name:hover b, .tkd .bmini-name:hover b{color:var(--blue)}
.tkd .art-feature > a, .tkd .bmini > a, .tkd .art-end-main > a{display:block;line-height:0}
.tkd .art-feature img, .tkd .bmini img, .tkd .art-end-main img{max-width:100%}
.tkd .art-feature-cta form, .tkd .bmini form, .tkd .art-end-main form{margin:0}
.tkd .bmini .btn.sm{display:inline-flex;gap:6px;align-items:center}
.tkd .art-end-main .bprice, .tkd .art-feature .bprice{font-weight:800}
.tkd .art-side .link-btn{justify-self:start}
.tkd .relgrid .mag-sm img{border-radius:0}
.tkd .relgrid .mag-ph{display:block;background:var(--ground);min-height:130px}
.tkd .blog-details .author img{max-width:72px}
@media (max-width:1023px){.tkd .blog-details{padding-bottom:72px}}
/* Mega: Kaufberater-Kachel nie abschneiden, Text bricht um */
.tkd .mega.tkm .tkm-prods, .tkd .mega.tkm .tkm-cards{min-width:0}
.tkd .mega.tkm .tkm-cards > *{min-width:0}
.tkd .mega.tkm .tkm-card-teaser b, .tkd .mega.tkm .tkm-card-teaser small{white-space:normal;overflow-wrap:break-word;hyphens:auto}
/* Mega: Kategorie-Kacheln ohne Unterlinks (Futter, Sets, Salzkrebse, Muschelschaler, Feenkrebse):
   quadratisches Bild füllt die Kachel, Name direkt darunter, Gruppe vertikal zentriert */
.tkd .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile{display:flex;flex-direction:column;min-height:0}
.tkd .mega.tkm .tkm-tiles:not(.with-links):not(.compact) a.tkm-tile-head{display:flex!important;flex-direction:column!important;flex:1 1 auto;min-height:0;align-items:stretch!important;justify-content:center!important;gap:10px}
.tkd .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-img{flex:0 1 auto!important;min-height:0;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:auto!important;display:flex;align-items:center;justify-content:center;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.tkd .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-img picture{height:auto;width:100%;display:flex!important;align-items:center;justify-content:center}
.tkd .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-img img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;aspect-ratio:1/1;object-fit:contain!important;border-radius:10px;background:#fff}
/* Ratgeber-Übersicht wie Entwurf v26 */
.tkd .mag-lead picture, .tkd .mag-sm picture, .tkd .bpost picture{display:contents}
.tkd .bpost .mag-ph, .tkd .mag-sm .mag-ph{display:block;background:var(--ground);min-height:120px}
.tkd .blog-overview .bloglist{margin-bottom:var(--sec)}
.tkd .blog-overview .rbest .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
@media (min-width:1024px){.tkd .blog-overview .rbest .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Mega "Sale%!" im Angebotsstil */
.tkd .mega.tkm.tkm-sale2{grid-template-columns:240px minmax(0,1fr)!important;gap:20px;align-items:stretch}
.tkd .tkm-sale2 .tks-banner{display:flex;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(160deg,#E3000F 0%,#B8000C 100%);color:#fff;border-radius:16px;padding:22px 20px;text-decoration:none;min-height:0;position:relative;overflow:hidden}
.tkd .tkm-sale2 .tks-banner::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:#FFD500;opacity:.9}
.tkd .tkm-sale2 .tks-kicker{font:800 11px var(--f-head,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#FFD500;position:relative;z-index:1}
.tkd .tkm-sale2 .tks-big{font:900 54px/0.95 var(--f-head,sans-serif);letter-spacing:-.02em;position:relative;z-index:1}
.tkd .tkm-sale2 .tks-big span{color:#FFD500}
.tkd .tkm-sale2 .tks-sub{font-size:14px;line-height:1.4;color:#FFE9EA;position:relative;z-index:1}
.tkd .tkm-sale2 .tks-btn{align-self:flex-start;background:#FFD500;color:#1a1a1a;font:800 14px var(--f-head,sans-serif);padding:10px 14px;border-radius:10px;position:relative;z-index:1;margin-top:6px}
.tkd .tkm-sale2 .tks-banner:hover .tks-btn{background:#fff}
.tkd .tkm-sale2 .tks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;align-content:stretch}
@media (min-width:1440px){.tkd .tkm-sale2 .tks-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1439px){.tkd .tkm-sale2 .tks-card:nth-child(n+5){display:none}}
.tkd .tkm-sale2 .tks-card:nth-child(n+6){display:none}
.tkd .tkm-sale2 .tks-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e6e9f2;border-radius:14px;padding:10px;text-decoration:none;color:#1a1a1a;min-width:0;transition:box-shadow .15s,transform .15s}
.tkd .tkm-sale2 .tks-card:hover{box-shadow:0 8px 24px rgba(16,30,80,.12);transform:translateY(-2px)}
.tkd .tkm-sale2 .tks-img{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#fff}
.tkd .tkm-sale2 .tks-img picture,.tkd .tkm-sale2 .tks-img img{display:block;width:100%;height:100%;object-fit:contain}
.tkd .tkm-sale2 .tks-badge{position:absolute;left:8px;top:8px;z-index:1;background:#E3000F;color:#fff;font:900 13px/1 var(--f-head,sans-serif);padding:5px 8px;border-radius:999px}
.tkd .tkm-sale2 .tks-name{font:700 13.5px/1.3 var(--f-head,sans-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.tkd .tkm-sale2 .tks-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:auto}
.tkd .tkm-sale2 .tks-price s{color:#6b7280;font-size:12.5px}
.tkd .tkm-sale2 .tks-price b{color:#E3000F;font-size:16px;font-weight:900}
.tkd .tkm-sale2 .tks-empty{grid-column:1/-1;align-self:center}
/* Kasse: Klarna-Unterzeile */
.tkd .tk-pm-sub{display:block;font-size:12.5px;font-weight:700;color:#1C871E;margin-top:2px}
/* Mega mit Unterlinks (Triops): Kacheln wachsen mit dem Inhalt (kein Abschneiden der Linkliste), Bilder 80–100 px,
   Texte und Bestseller-Badge brechen um statt abgeschnitten zu werden. Menühöhe bleibt einheitlich (440/475/550). */
.tkd .mega.tkm .tkm-tiles.with-links{grid-auto-rows:auto!important;align-items:stretch}
.tkd .mega.tkm .tkm-tiles.with-links .tkm-tile{overflow:visible!important;height:auto!important}
.tkd .mega.tkm .tkm-tiles.with-links .tkm-tile ul{overflow:visible!important;max-height:none!important;height:auto!important;flex:0 0 auto!important;grid-template-columns:minmax(0,1fr)!important}
.tkd .mega.tkm .with-links .tkm-tile-img{width:min(100%,80px)!important;height:auto!important}
.tkd .mega.tkm .with-links .tkm-tile-txt{min-width:0}
.tkd .mega.tkm .with-links .tkm-tile-txt b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.tkd .mega.tkm .with-links ul li a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
/* Mega: Kacheln ohne Unterlinks (Feenkrebse, Salzkrebse, Muschelschaler, Sets, Futter) – kompakte, gleich große Bilder oben,
   Name mit fester Höhe für 2 Zeilen, "Alle ansehen" auf einer Linie. Ab 1800 px wirkt zoom 1.25 (120 px → ca. 150 px). */
.tkd .mega.tkm{--tkm-img:104px}
@media (min-width:1440px){.tkd .mega.tkm{--tkm-img:124px}}
@media (min-width:1800px){.tkd .mega.tkm{--tkm-img:120px}}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact){align-content:start!important;align-items:start!important;grid-auto-rows:auto!important}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile{height:auto!important}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) a.tkm-tile-head{justify-content:flex-start!important;align-items:center!important;padding:14px 12px!important;gap:10px!important}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-img{flex:0 0 auto!important;width:var(--tkm-img)!important;height:var(--tkm-img)!important;max-height:none!important}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-img picture{width:100%!important;height:100%!important}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-img img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;aspect-ratio:1/1}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-txt{display:grid!important;grid-template-rows:2.6em auto;align-items:start;text-align:center;width:100%}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-tile-txt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;align-self:start}
.tkd .tabs .mega.tkm .tkm-tiles.compact a.tkm-tile-head{justify-content:flex-start!important}
.tkd .tabs .mega.tkm .tkm-tiles.compact{align-items:start!important}
/* Mega: Produktbilder rechts einheitlich (quadratisch, contain, weiß) */
.tkd .mega.tkm .tkm-cimg{display:block!important;aspect-ratio:1/1!important;width:100%!important;height:auto!important;background:#fff!important;border-radius:10px;overflow:hidden}
.tkd .mega.tkm .tkm-cimg picture,.tkd .mega.tkm .tkm-cimg img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;background:#fff}
/* Ratgeber-Übersicht: Artikelkarten (bpost) robust – Bild links, Text rechts */
.tkd.tk-blog .bloglist{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.tkd.tk-blog .bloglist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tkd.tk-blog .bpost{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:14px;align-items:stretch;min-height:120px}
@media (min-width:1024px){.tkd.tk-blog .bpost{grid-template-columns:200px minmax(0,1fr)!important;min-height:140px}}
.tkd.tk-blog .bpost > picture{display:contents}
.tkd.tk-blog .bpost > picture img,.tkd.tk-blog .bpost > img,.tkd.tk-blog .bpost > .mag-ph{grid-column:1;grid-row:1;width:100%!important;height:100%!important;max-width:none!important;min-height:120px;object-fit:cover;display:block}
.tkd.tk-blog .bpost > div{grid-column:2;grid-row:1;padding:14px 14px 14px 0;display:grid;gap:6px;align-content:center;min-width:0}
.tkd.tk-blog .bpost h2{font-size:17px;line-height:1.3;margin:0;overflow-wrap:normal;hyphens:auto}
/* Magazin-Aufmacher: Bild als Hintergrund, Text unten lesbar */
.tkd.tk-blog .mag-lead > picture{display:contents}
.tkd.tk-blog .mag-lead > picture img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.tkd.tk-blog .mag-sm > picture{display:contents}
.tkd.tk-blog .mag-sm > picture img{width:100%!important;max-width:none!important;object-fit:cover}
/* Ratgeber-Artikel: Typografie und alte Blog-Inhalte normalisieren (wie Entwurf v26) */
.tkd.tk-blog .article > .eyebrow{display:block}
.tkd.tk-blog .article > h1{text-align:left!important;font:800 30px/1.15 var(--f-head,Montserrat,sans-serif)!important;margin:0!important}
@media (min-width:1024px){.tkd.tk-blog .article > h1{font-size:40px!important}}
.tkd.tk-blog .art-hero-wrap{line-height:0}
.tkd.tk-blog .art-hero-wrap picture{display:block}
.tkd.tk-blog .art-hero-wrap img{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r,14px)}
.tkd.tk-blog .tk-art-body{font-size:17px;line-height:1.7;color:var(--ink,#1a1a1a)}
.tkd.tk-blog .tk-art-body p,.tkd.tk-blog .tk-art-body li{max-width:68ch;font-size:17px;line-height:1.7}
.tkd.tk-blog .tk-art-body .art-intro{font-size:18px!important}
.tkd.tk-blog .tk-art-body h2,.tkd.tk-blog .tk-art-body h3{font-family:var(--f-head,Montserrat,sans-serif);font-weight:800;line-height:1.25;color:var(--ink,#1a1a1a)}
.tkd.tk-blog .tk-art-body h2 a,.tkd.tk-blog .tk-art-body h2 strong{color:inherit;text-decoration:none;font-weight:inherit}
.tkd.tk-blog .tk-art-body .tk-art-pretitle{display:none}
.tkd.tk-blog .tk-art-body [style]{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;width:auto!important;max-width:100%!important}
.tkd.tk-blog .tk-art-body img:not(.art-hero){display:block;margin:8px auto;max-width:min(100%,480px)!important;height:auto!important;border-radius:10px}
.tkd.tk-blog .tk-art-body p:has(> img:only-child){max-width:none;text-align:center}
.tkd.tk-blog .tk-art-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}
.tkd.tk-blog .tk-art-body td,.tkd.tk-blog .tk-art-body th{border:1px solid var(--line,#e3e7f2);padding:6px 10px}
.tkd.tk-blog .tk-art-body iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:10px}
.tkd.tk-blog .tk-art-body a:not(.btn):not(.link-btn):not(.bmini-name):not(.art-feature-name){color:var(--blue,#103ee6)}
.tkd.tk-blog a.btn,.tkd.tk-blog button.btn{color:#fff!important;text-decoration:none!important}
.tkd.tk-blog .art-end-main .btn{color:var(--ink,#1a1a1a)!important}
.tkd.tk-blog .art-feature-cta .btn{width:auto!important;flex:0 0 auto}
/* Produktboxen im Blog: Button nimmt in Seitenleiste/schmal die volle Breite, Text nie abgeschnitten */
.tkd.tk-blog .art-side .bmini > form,.tkd.tk-blog .art-side .bmini > .btn{grid-column:1/-1}
.tkd.tk-blog .art-side .bmini form .btn{width:100%;justify-content:center}
.tkd.tk-blog .bmini .btn.sm{white-space:nowrap}
@media (max-width:599px){.tkd.tk-blog .bmini > form{grid-column:1/-1}.tkd.tk-blog .bmini form .btn{width:100%;justify-content:center}}
.tkd.tk-blog .art-feature-cta form .btn{white-space:nowrap}
.tkd.tk-blog .tk-art-body .tk-art-figure{max-width:none;text-align:center;margin-top:8px}
.tkd.tk-blog .tk-art-body .tk-art-figure img{max-width:min(100%,360px)!important;box-shadow:0 2px 12px rgba(16,30,80,.12)}
/* Wunschzettel-Herz auf Produktkarten: immer ein runder 40×40-Kreis (NOVA-.btn setzt sonst Mindesthöhe/Padding) */
.tkd .btn.wish.wish-card,.tkd .wish.wish-card{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;aspect-ratio:1/1;flex:0 0 40px!important;border-radius:50%!important;line-height:1!important;display:grid!important;place-items:center!important}
.tkd .btn.wish.wish-card .ico,.tkd .wish.wish-card .ico{width:20px;height:20px}
.tkd .tabs .mega.tkm .tkm-tiles:not(.with-links):not(.compact) .tkm-teaser{align-self:stretch!important;height:auto!important}
/* Mega: Ratgeber-Leiste unter wenigen Kategorie-Kacheln (Feenkrebse, Salzkrebse, Muschelschaler, Sets, Futter); Kacheln füllen die Höhe */
.tkd .mega.tkm .tkm-cats:has(> .tkm-guide){display:flex!important;flex-direction:column!important;min-height:0}
.tkd .tabs .mega.tkm .tkm-cats:has(> .tkm-guide) > .tkm-tiles{flex:1 1 auto!important;grid-auto-rows:1fr!important;align-items:stretch!important;align-content:stretch!important;margin-bottom:12px}
.tkd .tabs .mega.tkm .tkm-cats:has(> .tkm-guide) > .tkm-tiles .tkm-tile{height:100%!important}
.tkd .tabs .mega.tkm .tkm-cats:has(> .tkm-guide) > .tkm-tiles a.tkm-tile-head{justify-content:center!important;height:100%}
.tkd .mega.tkm .tkm-guide{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;background:#FFF6CC;border:1px solid #FFE27A;border-radius:12px;padding:12px 14px}
.tkd .mega.tkm .tkm-guide-h{font:800 11px var(--f-head,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#6B5200;margin-right:4px}
.tkd .mega.tkm .tkm-guide a{display:inline-flex;align-items:center;background:#fff;border:1px solid #F0D766;border-radius:999px;padding:6px 12px;font:700 13px var(--f-head,sans-serif);color:#1a1a1a;text-decoration:none;white-space:nowrap}
.tkd .mega.tkm .tkm-guide a:hover{border-color:#103ee6;color:#103ee6}
.tkd .mega.tkm .tkm-guide a.tkm-guide-all{background:transparent;border:0;color:#103ee6;padding:6px 4px;margin-left:auto}
/* Produktseite: während NOVA die gewählte Variante lädt, Preis/2.-Packung leicht abgeblendet */
.tkd .tk-pending{opacity:.55;transition:opacity .15s}
/* Produktseite: JTL-Staffeltabelle ausblenden, dafür dezente Zeile; "2. Packung"-Preis prominent */
.tkd.tk-pdp .price-row .bulk-prices{display:none!important}
.tkd.tk-pdp .tk-tier-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font-size:14.5px;color:var(--ink,#1a1a1a)}
.tkd.tk-pdp .tk-tier-line b{color:#1C871E;font-weight:800}
.tkd.tk-pdp .tk-second .second-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.tkd.tk-pdp .tk-second .tk-second-new{font-size:20px;font-weight:900;color:#1C871E}
.tkd.tk-pdp .tk-second .tk-second-statt{font-size:13px;color:var(--muted,#6b7280)}
.tkd.tk-pdp .tk-second .tk-second-old{font-size:14px;color:var(--muted,#6b7280)}
.tkd .tk-second .badge50:empty{display:none}