/* =========================================================================
   BOTH3D – Ergaenzungen (2026-10-11)
   Wird in css/general.css.php NACH autodarts-theme(.min).css geladen.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) Bestelluebersicht (checkout_confirmation): dunkles Design statt weiss
   ------------------------------------------------------------------------- */
.checkoutborder ul.orderlist,
.checkoutborder ul.orderlist li {
  background: transparent !important;
}
.checkoutborder ul.orderlist li .orderlist_row,
.checkoutborder ul.orderlist li .ol_row1,
.checkoutborder ul.orderlist li .ol_row2 {
  color: var(--ad-text) !important;
  background: var(--ad-panel-raised) !important;
  border-bottom: 1px solid var(--ad-line) !important;
}
.checkoutborder .orderlist_row .ol_productsname strong,
.checkoutborder .orderlist_row .ol_productsname .ol_distance,
.checkoutborder .orderlist_row .ol_productsname .ol_distance a {
  color: var(--ad-white) !important;
}
.checkoutborder .orderlist_row .ol_productsname .ol_distance a:hover {
  color: var(--ad-green) !important;
}
.checkoutborder .orderlist_row .ol_short_desc,
.checkoutborder .orderlist_row .ol_model,
.checkoutborder .orderlist_row .ol_shipping,
.checkoutborder .orderlist_row .ol_tags_row {
  color: var(--ad-muted) !important;
}
.checkoutborder .orderlist_row .ol_short_desc a {
  color: var(--ad-cyan) !important;
}
.checkoutborder .orderlist_row ul.attributes_list li {
  color: var(--ad-text) !important;
}
.checkoutborder .orderlist_row ul.attributes_list li strong,
.checkoutborder .orderlist_row .ol_tags_row strong {
  color: var(--ad-text-strong) !important;
}
.checkoutborder .orderlist_row .ol_quantity,
.checkoutborder .orderlist_row .ol_singleprice,
.checkoutborder .orderlist_row .ol_totalprice {
  color: var(--ad-text-strong) !important;
}
.checkoutborder .orderlist_row .ol_totalprice {
  font-weight: 700;
  color: var(--ad-white) !important;
}
.checkoutborder .orderlist_row .ol_image img {
  border-radius: var(--ad-radius);
}

/* Summenblock */
.checkoutborder .ord_subtotal,
.checkoutborder ul.ord_total_list {
  color: var(--ad-text) !important;
  background: transparent !important;
  border-color: var(--ad-line) !important;
}
.checkoutborder ul.ord_total_list li,
.checkoutborder ul.ord_total_list li.otl_row1 {
  color: var(--ad-text) !important;
  background: var(--ad-panel) !important;
  border-bottom: 1px solid var(--ad-line) !important;
}
.checkoutborder ul.ord_total_list li .otl_col3,
.checkoutborder ul.ord_total_list li .otl_col4 strong {
  color: var(--ad-text-strong) !important;
}
/* letzte Zeile = Gesamtsumme hervorheben */
.checkoutborder ul.ord_total_list li:last-child {
  background: linear-gradient(100deg, rgba(0, 117, 201, .18), rgba(40, 230, 133, .14)) !important;
  border-top: 1px solid rgba(40, 230, 133, .44) !important;
  border-bottom: 0 !important;
}
.checkoutborder ul.ord_total_list li:last-child .otl_col3,
.checkoutborder ul.ord_total_list li:last-child .otl_col4 strong {
  color: var(--ad-white) !important;
  font-weight: 800;
}
.checkoutborder ul.ord_total_list li:last-child .otl_col4 strong {
  font-size: 1.15em;
}
.checkoutborder .dutyinfo {
  color: var(--ad-muted) !important;
}

/* Zahlungsinfo-Tabellen (Bestaetigung + Erfolgsseite, z. B. Bankdaten) */
.highlightbox table.paymentinfotable,
.highlightbox table.paymentinfotable tr,
.highlightbox table.paymentinfotable td {
  color: var(--ad-text-strong) !important;
  background: transparent !important;
  border-color: var(--ad-line) !important;
}

/* -------------------------------------------------------------------------
   3) Login-Box (Seitenleiste/mobiles Menue): Button "Anmelden"
      Breite passt sich dem Inhalt an, Icon + Text mittig
   ------------------------------------------------------------------------- */
.box-login .box_sub_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.box-login .box_sub_button .cssButtonPos3 {
  float: none !important;
  width: auto !important;
  min-width: 120px;
  margin: 0 0 0 auto;
}
.box-login .box_sub_button .cssButtonPos3 .cssButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  padding: 0 16px !important;
  min-height: 42px;
  box-sizing: border-box;
}
.box-login .box_sub_button .cssButtonPos3 .cssButton > .fas,
.box-login .box_sub_button .cssButtonPos3 .cssButton > span.cssButtonText {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* -------------------------------------------------------------------------
   4) Produktseite mobil: Akkordeon Details / Mehr Bilder / Hersteller-Infos
   ------------------------------------------------------------------------- */
#horizontalTab .resp-accordion {
  position: relative;
  margin: 0 0 6px !important;
  padding: 14px 44px 14px 16px !important;
  color: var(--ad-text-strong) !important;
  font-weight: 700;
  background: var(--ad-panel-raised) !important;
  border: 1px solid var(--ad-line-strong) !important;
  border-radius: var(--ad-radius);
  transition: background .15s, border-color .15s, color .15s;
}
#horizontalTab .resp-accordion:hover {
  color: var(--ad-white) !important;
  border-color: var(--ad-green) !important;
}
#horizontalTab .resp-accordion.resp-tab-active {
  color: var(--ad-black) !important;
  background: var(--ad-green) !important;
  border-color: var(--ad-green) !important;
  border-radius: var(--ad-radius) var(--ad-radius) 0 0;
  margin-bottom: 0 !important;
}
/* Pfeil: gruen auf dunkel, dunkel auf gruen */
#horizontalTab .resp-accordion .resp-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  float: none !important;
  width: 8px !important;
  height: 8px !important;
  margin: -6px 0 0 !important;
  border: solid var(--ad-green) !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg);
  transition: transform .15s;
}
#horizontalTab .resp-accordion.resp-tab-active .resp-arrow {
  margin-top: -2px !important;
  border-color: var(--ad-black) !important;
  transform: rotate(-135deg);
}
#horizontalTab .resp-tabs-container,
#horizontalTab .resp-tab-content {
  background: var(--ad-panel) !important;
  border-color: var(--ad-line-strong) !important;
}
#horizontalTab .resp-tab-content.resp-tab-content-active {
  margin-bottom: 6px;
  border-top: 0 !important;
  border-radius: 0 0 var(--ad-radius) var(--ad-radius);
}
@media (max-width: 767px) {
  #horizontalTab .resp-tabs-container {
    background: transparent !important;
  }
}

/* -------------------------------------------------------------------------
   5) Bestseller-Slider: Produktnamen weiss, Hover gruen
   ------------------------------------------------------------------------- */
.slider_bestseller .carousel_box a,
.slider_bestseller .carousel_box .cb_title,
.slider_bestseller .carousel_box .cb_title_inner {
  color: var(--ad-white) !important;
}
.slider_bestseller .carousel_box a:hover .cb_title_inner,
.slider_bestseller .carousel_box a:focus-visible .cb_title_inner {
  color: var(--ad-green) !important;
}

/* -------------------------------------------------------------------------
   2) Produktseite: Inhalt des Buttons "In den Warenkorb" mittig
   ------------------------------------------------------------------------- */
.pd_summarybox .addtobasket_actions > .cssButtonPos10 > .cssButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: center;
  line-height: 1;
}
.pd_summarybox .addtobasket_actions > .cssButtonPos10 > .cssButton > .fas,
.pd_summarybox .addtobasket_actions > .cssButtonPos10 > .cssButton > .far,
.pd_summarybox .addtobasket_actions > .cssButtonPos10 > .cssButton > span.cssButtonText {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* -------------------------------------------------------------------------
   3) Box "Bestelluebersicht" (Sidebar): Warenkorb-Button vertikal zentriert,
      Rahmen vollstaendig sichtbar
   ------------------------------------------------------------------------- */
ul.orderhistory_list {
  margin: 0;
  padding: 4px 14px 6px;
}
ul.orderhistory_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--ad-line);
  line-height: 1.35;
}
ul.orderhistory_list li:last-child {
  border-bottom: 0;
}
ul.orderhistory_list li > a {
  flex: 1 1 auto;
  min-width: 0;
}
ul.orderhistory_list li .cart_icon {
  position: static;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: visible;
  display: flex;
}
ul.orderhistory_list li .cart_icon a {
  display: block;
  line-height: 0;
}
ul.orderhistory_list li .cart_icon .cssButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-height: 0;
  padding: 0 !important;
  line-height: 1;
  border-color: var(--ad-green);
  border-radius: var(--ad-radius);
}
ul.orderhistory_list li .cart_icon .cssButton .fas,
ul.orderhistory_list li .cart_icon .cssButton .far {
  padding: 0;
  margin: 0;
  line-height: 1;
}

/* -------------------------------------------------------------------------
   4) Header: Warenkorb-Button bleibt beim Scrollen (is-scrolled, Button 38px)
      vertikal mittig, damit DE/EN wieder auf einer Linie damit liegen.
      Vorher klebte der Button oben im 43px hohen #cart_short.
   ------------------------------------------------------------------------- */
.both3d_header_cart #cart_short {
  display: flex;
  align-items: center;
}

/* -------------------------------------------------------------------------
   5) Hauptmenue + Service-Buttons
   ------------------------------------------------------------------------- */
/* "Informationen" (summary, kein Link) beim Hovern gruen wie die anderen Menuepunkte */
.both3d_mainnav .both3d_content_menu > summary:hover,
.both3d_mainnav .both3d_content_menu > summary:focus-visible {
  color: var(--ad-green) !important;
}

/* "Service" (Menue) und "Zum Serviceportal" (Startseite): wie die gruenen
   Buttons, aber mit blauer Umrandung; beim Hovern blau gefuellt */
.both3d_mainnav .both3d_nav_service,
.both3d_mainnav .both3d_nav_service:link,
.both3d_mainnav .both3d_nav_service:visited,
.both3d_button_secondary,
.both3d_button_secondary:link,
.both3d_button_secondary:visited {
  color: var(--ad-white) !important;
  background: var(--ad-panel-raised) !important;
  border: 1px solid var(--ad-blue) !important;
}
.both3d_mainnav .both3d_nav_service:hover,
.both3d_mainnav .both3d_nav_service:focus-visible,
.both3d_button_secondary:hover,
.both3d_button_secondary:focus-visible {
  color: var(--ad-white) !important;
  background: var(--ad-blue) !important;
  border-color: var(--ad-blue) !important;
}
.both3d_button_secondary:hover {
  transform: translateY(-2px);
}

/* -------------------------------------------------------------------------
   6) Kundenkonto "Ihre persoenliche Seite" (module/account.html):
      Innenabstand der Boxen, lesbare Links, Warenkorb-Button vertikal mittig
   ------------------------------------------------------------------------- */
.twoColums > div.highlightbox:not(.plainleft):not(.plainright):not(.plainfull) {
  padding: 16px 20px !important;
  box-sizing: border-box;
}
.twoColums > div.highlightbox > p:last-child {
  margin-bottom: 0;
}

/* Liste "Ihre persoenlichen Einstellungen" */
.twoColums .highlightbox ul.accountlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.twoColums .highlightbox ul.accountlist li {
  padding: 7px 0;
  border-bottom: 1px solid var(--ad-line);
  list-style: none;
}
.twoColums .highlightbox ul.accountlist li:last-child {
  border-bottom: 0;
}
.twoColums .highlightbox ul.accountlist a.black {
  color: var(--ad-text-strong) !important;
}
.twoColums .highlightbox ul.accountlist a.black:hover,
.twoColums .highlightbox ul.accountlist a.black:focus-visible {
  color: var(--ad-green) !important;
}

/* "Meine Bestellungen": Button rechts, vertikal mittig zum Bestelltext */
.twoColums .highlightbox p.cf {
  position: relative;
  min-height: 42px;
  padding-right: 64px;
}
.twoColums .highlightbox p.cf > .account_actions_right {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  gap: 6px;
  float: none;
  transform: translateY(-50%);
}
.twoColums .highlightbox p.cf > .account_actions_right .cssButtonPos6 {
  float: none;
  width: auto;
  margin: 0;
}
.twoColums .highlightbox p.cf > .account_actions_right .cssButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-height: 0;
  padding: 0 !important;
  line-height: 1;
  border-radius: var(--ad-radius);
}
.twoColums .highlightbox p.cf > .account_actions_right .cssButton .fas,
.twoColums .highlightbox p.cf > .account_actions_right .cssButton .far {
  padding: 0;
  margin: 0;
  line-height: 1;
  vertical-align: middle;
}

/* -------------------------------------------------------------------------
   7) Abmelden: Symbol im Header (index.html) + Button im Kundenkonto
      (module/account.html)
   ------------------------------------------------------------------------- */
.both3d_header_actions .both3d_logout_action {
  min-width: 32px;
  padding: 0 4px;
  color: var(--ad-text);
}
.both3d_header_actions .both3d_logout_action i {
  font-size: 16px;
}
.both3d_header_actions .both3d_logout_action:hover,
.both3d_header_actions .both3d_logout_action:focus-visible {
  color: var(--ad-green) !important;
}

.both3d_account_logout {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--ad-line);
}
a.both3d_logout_button,
a.both3d_logout_button:link,
a.both3d_logout_button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 22px;
  box-sizing: border-box;
  color: var(--ad-white) !important;
  background: var(--ad-panel-raised);
  border: 1px solid var(--ad-line-strong);
  border-radius: var(--ad-radius);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
a.both3d_logout_button:hover,
a.both3d_logout_button:focus-visible {
  color: var(--ad-black) !important;
  background: var(--ad-green);
  border-color: var(--ad-green);
}

@media only screen and (max-width: 759px) {
  .both3d_header_actions .both3d_logout_action {
    min-width: 28px;
    height: 38px;
    min-height: 38px;
  }
  a.both3d_logout_button {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .both3d_header_actions .both3d_logout_action {
    min-width: 24px;
    padding: 0 2px;
  }
  .both3d_header_actions .both3d_logout_action i {
    font-size: 15px;
  }
}

/* 7b) Header: EIN gemeinsamer Hover-Effekt fuer Mein Konto/Anmelden,
       Abmelden, Warenkorb, Merkzettel und Sprache (DE/EN):
       gruene Schrift/Icon, gruener Rahmen, leicht gruener Hintergrund.
       Die aktive Sprache bleibt gruen gefuellt. */
.both3d_header_actions .both3d_account_action {
  border: 1px solid transparent;
  border-radius: 4px;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
@media only screen and (min-width: 1101px) {
  .both3d_header_actions .both3d_account_action:not(.both3d_logout_action) {
    padding: 0 12px;
  }
}
.both3d_header_actions .both3d_account_action:hover,
.both3d_header_actions .both3d_account_action:focus-visible,
.both3d_header_action #cart_short > a:hover,
.both3d_header_action #cart_short > a:focus-visible,
.both3d_header_action #wishlist_short > a:hover,
.both3d_header_action #wishlist_short > a:focus-visible,
.both3d_header_languages .both3d_language_link:not(.is-active):hover,
.both3d_header_languages .both3d_language_link:not(.is-active):focus-visible {
  color: var(--ad-green) !important;
  background: rgba(40, 230, 133, .10);
  border-color: var(--ad-green);
}

a.both3d_logout_button {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
a.both3d_logout_button i {
  transition: transform .18s ease;
}
a.both3d_logout_button:hover,
a.both3d_logout_button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(40, 230, 133, .22);
}
a.both3d_logout_button:hover i,
a.both3d_logout_button:focus-visible i {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  .both3d_header_actions .both3d_logout_action,
  .both3d_header_actions .both3d_logout_action i,
  a.both3d_logout_button,
  a.both3d_logout_button i {
    transition: none;
    transform: none !important;
  }
}

/* -------------------------------------------------------------------------
   8) (2026-10-18) Responsive-Korrekturen
   ------------------------------------------------------------------------- */
/* 8a) Einheitlich 8px Abstand zwischen den Buttons (wie PayPal/Spaeter
       bezahlen im Theme): Produktseite und Warenkorb */
.pd_summarybox .addtobasket_actions > .cssButtonPos10 {
  margin-bottom: 8px !important;
}
@media only screen and (max-width: 767px) {
  .both3d_cart_page .button_left_cart,
  .both3d_cart_page .button_right_cart {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px !important;
  }
  /* Clearfix-Pseudoelemente waeren sonst eigene Flex-Elemente (doppelter Abstand) */
  .both3d_cart_page .button_left_cart::before,
  .both3d_cart_page .button_left_cart::after,
  .both3d_cart_page .button_right_cart::before,
  .both3d_cart_page .button_right_cart::after {
    display: none !important;
  }
  .both3d_cart_page .button_left_cart > .cssButtonPos9,
  .both3d_cart_page .button_right_cart > .cssButtonPos8 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* 8b) Mini-Warenkorb (Header) mobil: haengt nicht mehr am Warenkorb-Symbol,
       sondern rechtsbuendig an der Header-Leiste und passt in den Bildschirm */
@media only screen and (max-width: 767px) {
  .both3d_header_cart,
  .both3d_header_cart #cart_short {
    position: static !important;
  }
  .both3d_header_cart .toggle_cart {
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    width: calc(100vw - 20px) !important;
    max-width: 340px;
    box-sizing: border-box;
  }
}

/* 8c) Bestseller-Slider im selben Rahmen wie die Artikelkarten */
.slider_bestseller .slick-track {
  display: flex !important;
}
.slider_bestseller .slick-slide {
  height: auto !important;
}
.slider_bestseller .slick-slide > div,
.slider_bestseller .carousel_box {
  height: 100%;
}
.slider_bestseller .slick-slide > div {
  padding: 0 5px;
  box-sizing: border-box;
}
.slider_bestseller .carousel_box_inner {
  height: 100%;
  padding: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  background: rgb(22, 24, 28) !important;
  border: 1px solid rgba(247, 248, 250, .1) !important;
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
  transition: border-color .18s ease;
}
.slider_bestseller .carousel_box_inner:hover {
  border-color: var(--ad-green) !important;
}
.slider_bestseller .carousel_box .cb_image {
  margin: 0 !important;
  padding: 14px;
  box-sizing: border-box;
}
.slider_bestseller .carousel_box .cb_title {
  margin: 0 10px !important;
  padding: 14px 0 16px !important;
  border-top: 1px solid rgba(247, 248, 250, .1) !important;
  font-weight: 700;
}

/* -------------------------------------------------------------------------
   9) (2026-10-18) Kategorie-Seiten: Filterleiste + Listenansicht als Cards
   ------------------------------------------------------------------------- */
/* 9a) "Sortieren nach", "Artikel pro Seite" und Ansicht in EINER Zeile
       (Clearfix-Pseudoelemente waeren sonst eigene Grid-Zellen) */
.filter_bar .sort_bar_row {
  display: grid !important;
  grid-template-columns: 220px 220px minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: 10px !important;
  align-items: center;
}
.filter_bar .sort_bar_row::before,
.filter_bar .sort_bar_row::after,
.filter_bar .sort_bar_item.right::before,
.filter_bar .sort_bar_item.right::after {
  display: none !important;
}
.filter_bar .sort_bar_item {
  grid-area: auto !important;
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
}
.filter_bar .sort_bar_item .SumoSelect {
  width: 100% !important;
}
.filter_bar .sort_bar_item.right {
  display: flex !important;
  justify-content: flex-end;
  gap: 6px;
}
@media only screen and (max-width: 767px) {
  .filter_bar .sort_bar_row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }
  .filter_bar .sort_bar_item .SumoSelect > .CaptionCont {
    padding: 8px 4px 7px 10px !important;
    font-size: 12px !important;
  }
  .filter_bar .sort_bar_item .SumoSelect > .CaptionCont > span {
    padding-right: 12px !important;
  }
  .filter_bar .sort_bar_item .SumoSelect > .CaptionCont > label {
    width: 18px !important;
  }
}

/* 9b) Listenansicht: gleiche Cards wie die Boxansicht, eine Card pro Zeile */
.listingcontainer .listingrow {
  float: none !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 5px !important;
  box-sizing: border-box;
  background: none !important;
  border: 0 !important;
}
.listingrow .lr_inner {
  position: relative;
  display: flex !important;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: rgb(22, 24, 28) !important;
  border: 1px solid rgba(247, 248, 250, .1) !important;
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
  transition: border-color .18s ease;
}
.listingrow .lr_inner:hover {
  border-color: rgba(40, 230, 133, .45) !important;
}
.listingrow .lr_new_flag {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  z-index: 1;
  width: auto !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  color: rgb(1, 4, 11) !important;
  background: rgb(40, 230, 133) !important;
  border-radius: 6px;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 16px !important;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.listingrow .lr_image {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 14px !important;
  text-align: center;
  border: 0 !important;
  border-bottom: 1px solid rgba(247, 248, 250, .18) !important;
}
.listingrow .lr_image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.listingrow .lr_content {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.listingrow .lr_title {
  margin: 0 10px !important;
  padding: 18px 0 12px !important;
  border-bottom: 1px solid rgba(247, 248, 250, .1) !important;
}
.listingrow .lr_title a,
.listingrow .lr_title a:link,
.listingrow .lr_title a:visited {
  color: rgb(247, 248, 250) !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
}
.listingrow .lr_title a:hover,
.listingrow .lr_title a:focus-visible {
  color: var(--ad-green) !important;
}
.listingrow .lr_desc_box {
  float: none !important;
  width: auto !important;
  margin: 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
}
.listingrow .lr_shipping {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 38px;
  padding: 5px 0 !important;
  color: rgb(112, 117, 128) !important;
  font-size: 12px !important;
  border-bottom: 1px solid rgba(247, 248, 250, .1);
}
.listingrow .lr_shipping a {
  color: rgb(0, 184, 240) !important;
}
.listingrow .lr_price_box {
  float: none !important;
  width: auto !important;
  margin: 0 10px !important;
  padding: 12px 0 0 !important;
  text-align: right;
  border: 0 !important;
}
.listingrow .lr_price,
.listingrow .lr_price .standard_price {
  color: rgb(247, 248, 250) !important;
  font-size: 14px !important;
  font-weight: 700;
  text-align: right;
}
.listingrow .lr_tax {
  margin: 4px 0 0 !important;
  color: rgb(102, 102, 102) !important;
  font-size: 9px !important;
  line-height: 11px !important;
  text-align: right;
}
.listingrow .lr_tax a {
  color: rgb(0, 184, 240) !important;
}
.listingrow .lr_buttons {
  position: static !important;
  display: block !important;
  width: auto !important;
  float: none !important;
  margin: 2px 0 0 !important;
  padding: 15px 0 18px !important;
  text-align: center;
}
.listingrow .lr_buttons .cssButtonPos11 {
  display: inline-block;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* Desktop/Tablet: Card bleibt eine Zeile, Bild links, Inhalt rechts */
@media only screen and (min-width: 768px) {
  .listingrow .lr_inner {
    flex-direction: row;
  }
  .listingrow .lr_image {
    flex: 0 0 220px;
    border-bottom: 0 !important;
    border-right: 1px solid rgba(247, 248, 250, .18) !important;
  }
  .listingrow .lr_buttons {
    text-align: right;
  }
}


/* ===== "Vertrag widerrufen" als Button (b3d) ===== */
.footerlist a[href*="Vertrag-widerrufen"]{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  margin:8px 0;padding:11px 22px;
  font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.1;text-transform:none;
  color:var(--ad-white,#f7f8fa)!important;background:var(--ad-panel-raised,#16181c);
  border:1px solid var(--ad-green,#28e685);border-radius:var(--ad-radius,8px);
  text-decoration:none;box-sizing:border-box;transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.footerlist a[href*="Vertrag-widerrufen"]:hover,
.footerlist a[href*="Vertrag-widerrufen"]:focus{
  background:var(--ad-green,#28e685);border-color:var(--ad-green,#28e685);
  color:var(--ad-black,#01040b)!important;transform:translateY(-2px);text-decoration:none;
}


/* "Vertrag widerrufen" Button – Kontext-Override (Dropdown "Informationen" etc.) (b3d) */
.both3d_content_menu_panel .footerlist a[href*="Vertrag-widerrufen"],
.both3d_mobile_more_panel .footerlist a[href*="Vertrag-widerrufen"],
.footer_box .footerlist a[href*="Vertrag-widerrufen"]{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  margin:8px 0;padding:11px 22px;
  font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.1;text-transform:none;
  color:var(--ad-white,#f7f8fa);background:var(--ad-panel-raised,#16181c);
  border:1px solid var(--ad-green,#28e685);border-radius:var(--ad-radius,8px);
  text-decoration:none;box-sizing:border-box;transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.both3d_content_menu_panel .footerlist a[href*="Vertrag-widerrufen"]:hover,
.both3d_content_menu_panel .footerlist a[href*="Vertrag-widerrufen"]:focus,
.both3d_mobile_more_panel .footerlist a[href*="Vertrag-widerrufen"]:hover,
.footer_box .footerlist a[href*="Vertrag-widerrufen"]:hover,
.footer_box .footerlist a[href*="Vertrag-widerrufen"]:focus{
  background:var(--ad-green,#28e685);border-color:var(--ad-green,#28e685);
  color:var(--ad-black,#01040b);transform:translateY(-2px);text-decoration:none;
}