/*
 * TOPqw Mobile Custom CSS
 * Diese Datei wird direkt als eigene CSS-Datei geladen:
 * /bundles/tqwmobilecustomcss/css/custom.css
 */

:root {
    --tqw-mobile-custom-css-loaded: 1;
}

body::after {
    content: "tqw-mobile-custom-css";
    display: none;
}

/* === Eigene Anpassungen ab hier einfuegen === */

/*
 * TOPqw Mobile Custom CSS
 * Diese Datei ist die dauerhafte Stelle fuer CSS-Anpassungen.
 * Nicht direkt in theme/.../css/all.css arbeiten, diese Datei wird von Shopware generiert.
 */

/* === Eigene Anpassungen ab hier einfuegen === */

/* ergoTOP -> 19.06.2026*/
@charset "UTF-8";

    :root {
        --sw-red: #c1282d;
        --sw-red-dark: #a82126;
        --sw-border: #ddd;
        --sw-border-soft: #eee;
        --sw-text: #111;
        --sw-muted: #888;
        --sw-chip: #f0f0f0;
    }

    .sw-prod-group {
        display: grid;
        gap: 12px;
    }

    .sw-prod-group.sw-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sw-prod-group.sw-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sw-prod-group.sw-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .sw-prod-card,
    .sw-drawer-trigger {
        border: 1px solid var(--sw-border);
        border-radius: 8px;
        background: #fff;
        box-sizing: border-box;
    }

    .sw-prod-card {
        display: flex;
        align-items: flex-start;
        padding: 14px;
        margin: 0;
    }

    .sw-prod-card--accessory { background: #fcfcfc; }

    .sw-prod-card__image {
        width: 72px;
        height: 72px;
        object-fit: contain;
        margin-right: 15px;
        flex-shrink: 0;
        border-radius: 6px;
		margin-right:0.5rem !important
    }

    .sw-prod-card__body {
        flex: 1;
        min-width: 0;
    }

    .sw-prod-name-link,
    .sw-tile__name {
        color: inherit;
        text-decoration: none;
    }

    .sw-prod-name-link {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 2px;
    }

    .sw-prod-name-link:hover,
    .sw-tile__name:hover {
        text-decoration: underline;
    }

    .sw-prod-artnr {
        color: #999;
        font-size: 0.78rem;
        margin-bottom: 4px;
    }

    .sw-prod-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 6px;
    }

    .sw-prod-badge,
    .sw-filter-preview-badge {
        font-size: 0.68rem;
        font-weight: 600;
        padding: 2px 7px;
        border-radius: 20px;
        background: var(--sw-chip);
        color: #555;
        white-space: nowrap;
    }

    .sw-prod-price {
        color: #333;
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.1;
        margin: 10px 0 12px;
    }

    .sw-prod-price__unit {
        font-size: 0.95rem;
        color: var(--sw-muted);
    }

    .sw-prod-actions,
    .sw-tile__actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .sw-qty-input {
        width: 60px;
        padding: 8px;
        border: 1px solid var(--sw-border);
        border-radius: 4px;
    }

    .js-buy-btn,
    .sw-open-drawer-btn,
    .sw-add-all-btn {
        background: var(--sw-red);
        color: #fff;
        border: 0;
        border-radius: 4px;
        padding: 11px 18px;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
        transition: background-color 0.15s ease, opacity 0.15s ease;
    }

    .js-buy-btn:hover,
    .sw-open-drawer-btn:hover,
    .sw-add-all-btn:hover {
        background: var(--sw-red-dark);
    }

    .js-buy-btn:disabled,
    .sw-add-all-btn:disabled {
        cursor: default;
        opacity: 0.72;
    }

    .sw-add-all-btn {
        width: 100%;
        margin-top: 12px;
    }

    .sw-tile {
        border: 1px solid var(--sw-border);
        border-radius: 8px;
        background: #fff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    .sw-tile__image-link {
        display: block;
        padding: 12px 12px 8px;
        text-align: center;
        text-decoration: none;
    }

    .sw-tile__image {
        width: 100%;
        height: 100px;
        object-fit: contain;
    }

    .sw-tile__placeholder {
        height: 100px;
        background: #f5f5f5;
        border-radius: 4px;
    }

    .sw-tile__body {
        padding: 0 10px 10px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .sw-tile__name {
        display: block;
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--sw-text);
        margin-bottom: 4px;
        line-height: 1.3;
    }

    .sw-tile__artnr {
        font-size: 0.72rem;
        color: #aaa;
        margin-bottom: 4px;
    }

    .sw-tile__price {
        font-weight: 700;
        font-size: 0.95rem;
        color: #222;
        margin-bottom: 8px;
        margin-top: auto;
    }

    .sw-tile .sw-qty-input {
        width: 48px;
        padding: 5px 4px;
        border-radius: 5px;
        font-size: 0.85rem;
        text-align: center;
    }

    .sw-tile .js-buy-btn {
        flex: 1;
        padding: 6px 8px;
        font-size: 0.8rem;
        border-radius: 5px;
    }

    .sw-drawer-trigger {
        display: flex;
        align-items: flex-start;
        padding: 12px;
        margin: 6px 0;
    }

    .sw-drawer-trigger__image {
        width: 70px;
        height: 70px;
        object-fit: contain;
        margin-right: 15px;
        flex-shrink: 0;
        border-radius: 4px;
    }

    .sw-drawer-trigger__body {
        flex: 1;
        min-width: 0;
    }

    .sw-drawer-trigger__title {
        font-weight: 700;
        margin-bottom: 8px;
        color: var(--sw-text);
    }

    .sw-filter-preview {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 10px;
    }

    .sw-filter-preview__label {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sw-muted);
        margin-bottom: 4px;
    }

    .sw-filter-preview__values {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .sw-filter-preview-badge {
        font-size: 0.75rem;
        padding: 2px 9px;
        border: 1px solid #e0e0e0;
    }

    .sw-fbtn {
        padding: 5px 14px;
        border-radius: 20px;
        border: 1.5px solid var(--sw-border);
        background: #fff;
        color: #333;
        font-size: 0.8rem;
        font-weight: 600;
        cursor: pointer;
    }

    .sw-fbtn.active {
        border-color: #c0392b;
        background: #c0392b;
        color: #fff;
    }

    .sw-configurator {
        border: 1px solid var(--sw-border);
        border-radius: 8px;
        background: #fff;
        padding: 16px;
        margin: 0 0 16px;
    }

    .sw-configurator__row {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 10px 0;
        border-bottom: 1px solid var(--sw-border-soft);
    }

    .sw-configurator__row:last-child {
        border-bottom: 0;
    }

    .sw-configurator__label {
        font-size: 0.78rem;
        font-weight: 700;
        color: var(--sw-muted);
        text-transform: uppercase;
        letter-spacing: 0.06em;
        padding-top: 9px;
    }

    .sw-configurator__buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .sw-configurator__btn {
        border: 1px solid var(--sw-border);
        border-radius: 4px;
        background: #fff;
        color: #333;
        padding: 9px 14px;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
    }

    .sw-configurator__btn.is-active {
        border-color: var(--sw-red);
        background: var(--sw-red);
        color: #fff;
    }

    .sw-option-section {
        margin: 0 0 18px;
    }

    .sw-option-section[hidden] {
        display: none !important;
    }

    .sw-option-item[hidden] {
        display: none !important;
    }

    .sw-option-section__title {
        font-size: 1.08rem;
        line-height: 1.25;
        margin: 0 0 10px;
        font-weight: 700;
        color: var(--sw-text);
    }

    .sw-loading {
        display: none;
        align-items: center;
        gap: 10px;
        border: 1px solid var(--sw-border);
        border-radius: 8px;
        background: #fff;
        padding: 12px 14px;
        margin: 0 0 16px;
        color: #555;
        font-weight: 700;
    }

    .sw-loading.is-active {
        display: flex;
    }

    .sw-loading__spinner {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 3px solid #eee;
        border-top-color: var(--sw-red);
        animation: sw-spin 0.8s linear infinite;
        flex: 0 0 auto;
    }

    @keyframes sw-spin {
        to { transform: rotate(360deg); }
    }

    @media (max-width: 760px) {
        .sw-prod-group,
        .sw-prod-group.sw-cols-2,
        .sw-prod-group.sw-cols-3,
        .sw-prod-group.sw-cols-4 {
            grid-template-columns: 1fr;
        }

        .sw-prod-card,
        .sw-drawer-trigger {
            padding: 12px;
        }

        .js-buy-btn,
        .sw-open-drawer-btn,
        .sw-add-all-btn {
            width: 100%;
        }

        .sw-configurator__row {
            grid-template-columns: 1fr;
        }

        .sw-configurator__label {
            padding-top: 0;
        }
    }

#tns1 > .tns-item {
  /*width: 25% !important;
  padding-right: 30px;*/
  float: left !important;
}
				.shoplinks {
  text-align: left;
  margin-top: -5rem;
  position: absolute;
  margin-left: 20rem;
  background: #eee;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.cms-element-text p{
	margin:0 !important;
}
div.base-slider.gallery-slider {
  position: relative;
  overflow: hidden;
}

div.base-slider.gallery-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/zoom-arrow.svg") no-repeat center;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none; /* blockiert keine Klicks auf das Element */
  z-index: 2;
}

div.base-slider.gallery-slider:hover::before {
  opacity: 1;
}
.img-fluid.gallery-slider-image.magnifier-image.js-magnifier-image{cursor:pointer !important; position: absolute}

.magnifier-overlay,
.product-detail-buy .js-magnifier-zoom-image-container .js-magnifier-zoom-image{display:none}

/*#tns2,
#tns1 {  transform: translate3d(0%, 0px, 0px) !important;
	width: 100% !important;}*/
.tns-outer{
margin-top: 1.5rem;
}
.product-detail-tabs-content.card-body .tab-content{
padding-bottom:0;
		margin-bottom:0
}
html body.is-ctl-product.is-act-index main#content-main.content-main div.container-main div.cms-page div.cms-sections div.cms-section.pos-0.cms-section-default section.cms-section-default.boxed div.cms-block.pos-2.cms-block-cross-selling.position-relative div.cms-block-container div.cms-block-container-row.row.cms-row div.col-12 div.product-detail-cross-selling div.card.card-tabs div.product-detail-tabs-content.card-body div.tab-content .tab-pane.fade.show.active div.cms-element-product-slider div.base-slider.product-slider.has-nav.js-slider-initialized{
padding-left:0;
	margin-left:0
}
html body.is-ctl-product.is-act-index main#content-main.content-main div.container-main div.cms-page div.cms-sections div.cms-section.pos-0.cms-section-default section.cms-section-default.boxed div.cms-block.pos-2.cms-block-cross-selling.position-relative div.cms-block-container div.cms-block-container-row.row.cms-row div.col-12 div.product-detail-cross-selling div.card.card-tabs div.card-header.product-detail-tab-navigation.product-cross-selling-tab-navigation{
padding-left:0;
	margin-left:0
}
#product-detail-cross-selling-tabs.nav.nav-tabs.product-detail-tab-navigation-list li.nav-item a.nav-link.product-detail-tab-navigation-link.active {
z-index: 10;
  position: relative;
  line-height: 2.125rem;
  font-size: 1.75rem;
  font-weight: bold;
  border: none;
  background: unset;
}
#product-detail-cross-selling-tabs.nav.nav-tabs.product-detail-tab-navigation-list{
	background:unset;
	text-decoration:none
}

a.fancy-download::after {
  content: "↓";
  font-size: 18px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
}
#main-navigation-menu.navbar.navbar-expand-lg.main-navigation-menu div#main_nav.collapse.navbar-collapse ul.navbar-nav.main-navigation-menu-list.flex-wrap li.nav-item a[href="https://scheer-heizsysteme.de"]:hover{
background: linear-gradient(135deg, #feb47b, #ff7e5f);}


#main-navigation-menu.navbar.navbar-expand-lg.main-navigation-menu div#main_nav.collapse.navbar-collapse ul.navbar-nav.main-navigation-menu-list.flex-wrap li.nav-item a[href="https://scheer-heizsysteme.de"]{
border-radius: 8px;
  background: linear-gradient(135deg, rgb(180, 21, 43), rgb(255, 0,0 ));
  padding-left: 2rem;
  color: white;
  font-weight: bold;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  padding: 0.5rem;
}
a.fancy-download {
  display: inline-block;
  padding: 12px 38px 12px 27px;
  background: linear-gradient(135deg, rgb(180, 21, 43), rgb(255, 0,0 ));
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

a.fancy-download:hover {
    background: linear-gradient(135deg, #feb47b, #ff7e5f);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

    table {
      width: 100%;
      border-collapse: collapse;
      background-color: #ffffff;
    }

   th {
      text-align: left;
      padding: 12px;
      font-size: 16px;
      text-transform: uppercase;
      color:white;
      background-color:#b4152b;
    }

    tbody tr {
      border-bottom: 1px solid #ddd;
      transition: background-color 0.3s ease;
    }

    tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    tbody tr:hover {
      background-color: #f1f1f1;
    }

    tbody td {
      padding: 12px;
      font-size: 14px;
      text-align: left;
    }

    tbody td:first-child {
      font-weight: bold;
    }

    /* Responsive styles */
    @media (max-width: 600px) {
      thead {
        display: none;
      }

      tbody td {
        display: block;
        text-align: right;
      }

      tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        color: #555;
      }

      tbody tr {
        border-bottom: 1px solid #ddd;
        display: block;
        margin-bottom: 10px;
      }
    }

.product-detail-description .tab-content:has(*) ~ .product-detail-description-title {
    display: none;
}
.product-detail-description.tab-pane-container:has(.tabs-container) 
.product-detail-description-title {
    display: none;
}
        .tabs-container {
        }
.product-detail-tabs-content.card-body{
	position: relative;
  top: -6rem;
  background: white;
}
        .tab-button {
            flex: 1;
  padding: 15px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  color: black;
  border-bottom: 2px solid rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  margin-right: 2rem;
        }
        .tab-button:hover, .tab-button:focus {
			text-decoration:none
			background-color: #ccc;
        }
        .tab-content {
            width: 100%;
  padding: 2rem 0;
        }
        .tab-content:target {
            display: block;
        }
        .table-wrapper {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }
        .table-wrapper, .table-wrapper th, .table-wrapper td {
            padding: 8px;
            text-align: left;
        }


.js-magnifier-container:has([data-full-image*="077360_nano_250319.png"]),
.js-magnifier-container:has([data-full-image*="0774822_micro.png"]),
.js-magnifier-container:has([data-full-image*="077350_selection.png"])  {
    position: relative;
}
.js-magnifier-container:has([data-full-image*="077360_nano_250319.png"])::before,
.js-magnifier-container:has([data-full-image*="0774822_micro.png"])::before,
.js-magnifier-container:has([data-full-image*="077350_selection.png"])::before {
    content: "";
  display: block;
  width: 132px;
  height: 172px;
  position: absolute;
  background-image: url('Blue efficiency_made_in_germany.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  right: 66px;
  bottom: 27px;}