<!DOCTYPE html>
<html lang="de" prefix="og: https://ogp.me/ns#">
<head>
	<meta charset="UTF-8">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	<link rel="pingback" href="https://test-vergleiche.com/xmlrpc.php">

	<style id="tv2-cv">.tv-product{content-visibility:auto;contain-intrinsic-size:auto 700px}.mct-row{content-visibility:auto;contain-intrinsic-size:auto 120px}</style>
<link rel="preload" as="font" type="font/woff2" href="https://test-vergleiche.com/wp-content/uploads/omgf/ratgeber-redesign-fonts/libre-baskerville-normal-latin.woff2?ver=1714421040" crossorigin fetchpriority="high">
<link rel="preload" as="font" type="font/woff2" href="https://test-vergleiche.com/wp-content/uploads/omgf/ratgeber-redesign-fonts/manrope-normal-latin.woff2?ver=1714421040" crossorigin>
<script>
            // TV2 Ajax Search: Early WoodMart suppression
            (function() {
                // Safely disable WoodMart ajax search when settings load
                try {
                    if (window.woodmart_settings) {
                        window.woodmart_settings.ajax_search = false;
                        window.woodmart_settings.ajax_search_count = 0;
                        window.woodmart_settings.ajax_search_delay = 999999;
                    }
                } catch(e) {}
                // Block woodmartThemeModule.ajaxSearch
                try {
                    window.woodmartThemeModule = window.woodmartThemeModule || {};
                    window.woodmartThemeModule.ajaxSearch = function() { return false; };
                } catch(e) {}
            })();
        </script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="//www.googletagmanager.com">
<style id="tv2-header-critical">@media (min-width:992px){.whb-main-header .whb-flex-row{justify-content:center!important;gap:24px!important;}.whb-column.whb-col-left,.whb-column.whb-col-center,.whb-column.whb-col-right{flex:0 0 auto!important;width:auto!important;max-width:none!important;}.whb-column.whb-empty-column{display:none!important;}.tv2-search{width:720px!important;max-width:72vw!important;flex:0 0 auto!important;margin:0!important;}.tv2-search .tv2-search__input{padding-right:48px!important;}.tv2-search__loader,.tv2-search__submit,.tv2-search button[type="submit"]{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;}}</style>
<!-- Suchmaschinen-Optimierung durch Rank Math PRO - https://rankmath.com/ -->
<title>3D-Maskenhalterung Vergleich der besten 2026 - Bestseller</title>
<meta name="description" content="Die beste Halterung für 3D-Masken im Check: Kriterien wie Material, Komfort &amp; Tipps für den Masken-Tragekomfort. Top P/L-Empfehlungen 2026."/>
<meta name="robots" content="noindex, follow"/>
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="article" />
<meta property="og:title" content="3D-Maskenhalterung Vergleich der besten 2026 - Bestseller" />
<meta property="og:description" content="Die beste Halterung für 3D-Masken im Check: Kriterien wie Material, Komfort &amp; Tipps für den Masken-Tragekomfort. Top P/L-Empfehlungen 2026." />
<meta property="og:url" content="https://test-vergleiche.com/3d-maskenhalterung-test-angebot/" />
<meta property="og:site_name" content="Test-Vergleiche.com die besten Artikel im Test &amp; Vergleich" />
<meta property="article:section" content="Arbeitsschutz" />
<meta property="og:updated_time" content="2026-03-07T11:02:21+01:00" />
<meta property="og:image" content="https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp" />
<meta property="og:image:secure_url" content="https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="498" />
<meta property="og:image:alt" content="3D-Maskenhalterung" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="article:published_time" content="2025-08-12T14:07:37+02:00" />
<meta property="article:modified_time" content="2026-03-07T11:02:21+01:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="3D-Maskenhalterung Vergleich der besten 2026 - Bestseller" />
<meta name="twitter:description" content="Die beste Halterung für 3D-Masken im Check: Kriterien wie Material, Komfort &amp; Tipps für den Masken-Tragekomfort. Top P/L-Empfehlungen 2026." />
<meta name="twitter:image" content="https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp" />
<meta name="twitter:label1" content="Lesedauer" />
<meta name="twitter:data1" content="Weniger als eine Minute" />
<script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"headline":"3D-Maskenhalterung","description":"Die beste Halterung f\u00fcr 3D-Masken im Check: Kriterien wie Material, Komfort &amp; Tipps f\u00fcr den Masken-Tragekomfort. Top P/L-Empfehlungen 2026.","keywords":"3D-Maskenhalterung","@type":"BlogPosting","author":{"@type":"Person","name":"Corinna B."},"datePublished":"2025-08-12|CEST14:07:37+02:00","dateModified":"2026-03-07|CET11:02:21+01:00","image":{"@type":"ImageObject","image.url":"https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp","image.@type":"ImageObject"},"inLanguage":"de-DE","name":"3D-Maskenhalterung","mainEntityOfPage":{"@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#webpage"}},{"@type":"Organization","@id":"https://test-vergleiche.com/#organization","name":"Test-Vergleiche.com die besten Artikel im Test &amp; Vergleich","logo":{"@type":"ImageObject","@id":"https://test-vergleiche.com/#logo","url":"https://test-vergleiche.com/wp-content/uploads/2023/12/test-vergleiche-com-logoTV4.jpg","contentUrl":"https://test-vergleiche.com/wp-content/uploads/2023/12/test-vergleiche-com-logoTV4.jpg","caption":"Test-Vergleiche.com die besten Artikel im Test &amp; Vergleich","inLanguage":"de","width":"500","height":"450"}},{"@type":"WebSite","@id":"https://test-vergleiche.com/#website","url":"https://test-vergleiche.com","name":"Test-Vergleiche.com die besten Artikel im Test &amp; Vergleich","alternateName":"Test-Vergleiche.com","publisher":{"@id":"https://test-vergleiche.com/#organization"},"inLanguage":"de"},{"@type":"ImageObject","@id":"https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp","url":"https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp","width":"500","height":"498","inLanguage":"de"},{"@type":"BreadcrumbList","@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://test-vergleiche.com","name":"Tests, Vergleiche &amp; Testsieger"}},{"@type":"ListItem","position":"2","item":{"@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/","name":"3D-Maskenhalterung"}}]},{"@type":"WebPage","@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#webpage","url":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/","name":"3D-Maskenhalterung Vergleich der besten 2026 - Bestseller","datePublished":"2025-08-12T14:07:37+02:00","dateModified":"2026-03-07T11:02:21+01:00","isPartOf":{"@id":"https://test-vergleiche.com/#website"},"primaryImageOfPage":{"@id":"https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp"},"inLanguage":"de","breadcrumb":{"@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#breadcrumb"}},{"@type":"Person","@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#author","name":"Corinna B.","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/068fa6d7aa2779e2647404996e9df35da9db167cd22ca841adee51c79e26010b?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/068fa6d7aa2779e2647404996e9df35da9db167cd22ca841adee51c79e26010b?s=96&amp;d=mm&amp;r=g","caption":"Corinna B.","inLanguage":"de"},"sameAs":["https://test-vergleiche.com/"],"worksFor":{"@id":"https://test-vergleiche.com/#organization"}},{"@type":"Article","headline":"3D-Maskenhalterung Vergleich der besten 2026 - Bestseller","keywords":"3D-Maskenhalterung","datePublished":"2025-08-12T14:07:37+02:00","dateModified":"2026-03-07T11:02:21+01:00","author":{"@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#author","name":"Corinna B."},"publisher":{"@id":"https://test-vergleiche.com/#organization"},"description":"Die beste Halterung f\u00fcr 3D-Masken im Check: Kriterien wie Material, Komfort &amp; Tipps f\u00fcr den Masken-Tragekomfort. Top P/L-Empfehlungen 2026.","name":"3D-Maskenhalterung Vergleich der besten 2026 - Bestseller","@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#richSnippet","isPartOf":{"@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#webpage"},"image":{"@id":"https://test-vergleiche.com/wp-content/uploads/2025/08/3d-maskenhalterung-gripbender-masken-abstandshalter-3-st.webp"},"inLanguage":"de","mainEntityOfPage":{"@id":"https://test-vergleiche.com/3d-maskenhalterung-test-angebot/#webpage"}}]}</script>
<!-- /Rank Math WordPress SEO Plugin -->

<link rel='dns-prefetch' href='//www.googletagmanager.com' />

<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-block-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */
</style>
<style id="compare-facts-style-inline-css">

        .compare-facts {
            border: 1px solid #e0e0e0;
            background: #fafafa;
            padding: 16px;
            margin-bottom: 24px;
            position: relative;
        }
        .compare-facts h2 {
            font-size: 1.8rem !important;
            margin-bottom: 12px;
            text-align: center;
            font-weight: 600;
        }
        .facts-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }
        .fact-item {
            border: 1px solid #f0f0f0;
            padding: 12px;
            text-align: center;
            background: #fff;
        }
        .fact-number {
            font-size: 2rem;
            font-weight: 700;
            display: block;
        }
        .fact-label {
            font-size: 14px;
            color: #555;
            display: block;
            margin-top: 4px;
        }
        .facts-text {
            margin-top: 16px;
            font-size: 14px;
            color: #333;
            line-height: 1.5;
        }
        .facts-disclaimer {
            margin-top: 12px;
            font-size: 12px;
            color: #666;
            font-style: italic;
            padding: 8px;
            background: #f5f5f5;
            border-left: 3px solid #ddd;
        }
        .cfb-test-badge {
            position: absolute;
            top: -10px;
            right: 10px;
            background: #ff9800;
            color: white;
            padding: 4px 12px;
            font-size: 11px;
            font-weight: bold;
            border-radius: 3px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        @media (max-width: 768px) {
            .compare-facts {
                padding: 10px !important;
                margin-bottom: 16px !important;
            }
            .compare-facts h2 {
                font-size: 1.3rem !important;
                margin-bottom: 8px !important;
            }
            .facts-grid {
                gap: 8px !important;
            }
            .fact-item {
                padding: 8px 6px !important;
            }
            .fact-number {
                font-size: 4rem !important;
                font-weight: 800 !important;
                color: #222 !important;
                line-height: 1.1 !important;
            }
            .fact-label {
                font-size: 18px !important;
                color: #333 !important;
                margin-top: 4px !important;
                font-weight: 500 !important;
            }
            .facts-text {
                font-size: 13px !important;
                margin-top: 10px !important;
            }
        }
    
/*# sourceURL=compare-facts-style-inline-css */
</style>
<link rel='stylesheet' id='kk-star-ratings-css' href='https://test-vergleiche.com/wp-content/plugins/kk-star-ratings/src/core/public/css/kk-star-ratings.min.css' media='all' />
<link rel='stylesheet' id='fontawesome-css-6-css' href='https://test-vergleiche.com/wp-content/plugins/wp-font-awesome/font-awesome/css/fontawesome-all.min.css' media='all' />
<link rel='stylesheet' id='fontawesome-css-4-css' href='https://test-vergleiche.com/wp-content/plugins/wp-font-awesome/font-awesome/css/v4-shims.min.css' media='all' />
<link rel='stylesheet' id='tv-top7-table-css' href='https://test-vergleiche.com/wp-content/plugins/tv-top7-overview/assets/css/tv-top7-table.css' media='all' />
<link rel='stylesheet' id='ratgeber-redesign-fonts-css' href='//test-vergleiche.com/wp-content/uploads/omgf/ratgeber-redesign-fonts/ratgeber-redesign-fonts.css?ver=1714421040' media='all' />
<link rel='stylesheet' id='ratgeber-redesign-css' href='https://test-vergleiche.com/wp-content/themes/woodmart-child/css/ratgeber-redesign-v3.css' media='all' />
<link rel='stylesheet' id='tv2-footer-mega-fonts-css' href='//test-vergleiche.com/wp-content/uploads/omgf/tv2-footer-mega-fonts/tv2-footer-mega-fonts.css?ver=1714421040' media='all' />
<link rel='stylesheet' id='tv2-footer-mega-css' href='https://test-vergleiche.com/wp-content/themes/woodmart-child/css/tv2-footer-mega.css' media='all' />
<link rel='stylesheet' id='tv2-search-css-css' href='https://test-vergleiche.com/wp-content/plugins/tv-ajax-search/assets/css/tv2-search-v3.css' media='all' />
<link rel='stylesheet' id='tv2-catnav-css' href='https://test-vergleiche.com/wp-content/themes/woodmart-child/css/tv2-catnav-v2.css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://test-vergleiche.com/wp-content/themes/woodmart-child/css/bootstrap.min.css' media='all' />
<link rel='stylesheet' id='wd-style-base-css' href='https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/base.min.css' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://test-vergleiche.com/wp-content/themes/woodmart-child/style.css' media='all' />
<link rel='stylesheet' id='xts-style-header_428896-css' href='https://test-vergleiche.com/wp-content/uploads/2026/02/xts-header_428896-1771057738.css' media='all' />
<link rel='stylesheet' id='xts-style-theme_settings_default-css' href='https://test-vergleiche.com/wp-content/uploads/2026/02/xts-theme_settings_default-1770981026.css' media='all' />

<script id="asenha-external-permalinks-js-after">
(function () {
   'use strict';

   document.addEventListener( 'DOMContentLoaded', function () {

      var links = document.getElementsByTagName( 'a' );

      for ( var i = 0; i < links.length; i++ ) {
         var url = links[i].getAttribute( 'href' );

         if ( url == null ) {
            continue;
         }

         var hasAsenhaEp = url.indexOf( '#asenha_ep' ) >= 0;

         if ( ! hasAsenhaEp ) {
            continue;
         }

         url = url.replace( '#asenha_ep', '' );
         links[i].setAttribute( 'href', url );
         links[i].setAttribute( 'rel', 'noopener noreferrer nofollow' );
      }

   } );

} )();
//# sourceURL=asenha-external-permalinks-js-after
</script>
<script id="jquery-core-js" src="https://test-vergleiche.com/wp-includes/js/jquery/jquery.min.js"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=GT-NF76VN8" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["test-vergleiche.com"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-NF76VN8");
//# sourceURL=google_gtagjs-js-after
</script>
<script id="wd-device-library-js" src="https://test-vergleiche.com/wp-content/themes/woodmart/js/libs/device.min.js"></script>
<script id="wd-scrollbar-js" src="https://test-vergleiche.com/wp-content/themes/woodmart/js/scripts/global/scrollBar.min.js"></script>
<script></script>
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    var cells = document.querySelectorAll('.mct-cell.mct-product');

    cells.forEach(function (cell) {
        if (!cell) return;

        var text = cell.textContent.trim();
        if (!text) return;

        // Muster erkennen: +, ++, +++ + eventuell Zahl dahinter
        var match = text.match(/^(\+{1,3})\s*(.*)$/);
        if (!match) return;

        var plusSigns = match[1];        // +, ++ oder +++
        var restText  = match[2].trim(); // z. B. 75 %
        var count     = plusSigns.length;

        // Zelle leeren
        cell.innerHTML = '';

        // Wrapper für Icons
        var iconWrapper = document.createElement('span');
        iconWrapper.className = 'mct-plus-icons';

        // Icons erzeugen
        for (var i = 0; i < count; i++) {
            var icon = document.createElement('span');
            icon.className = 'mct-plus-icon';
            iconWrapper.appendChild(icon);
        }

        // Icons einsetzen
        cell.appendChild(iconWrapper);

        // Restlichen Text anhängen (falls vorhanden)
        if (restText) {
            var textSpan = document.createElement('span');
            textSpan.className = 'mct-plus-text';
            textSpan.textContent = ' ' + restText;
            cell.appendChild(textSpan);
        }
    });
});
</script>
<!-- end Simple Custom CSS and JS -->
<meta name="generator" content="Site Kit by Google 1.182.0" /><style>.sw-faq-item summary{list-style:none!important}.sw-faq-item summary::-webkit-details-marker{display:none!important}.sw-faq-item[open] summary span:first-child{transform:rotate(90deg);display:inline-block}.sw-faq-item summary:hover{opacity:.85}.sw-test-section{clear:both}.sw-vergleich-btn{display:inline-block;background:#0066cc;color:#fff!important;font-weight:700;font-size:15px;padding:12px 28px;border-radius:8px;text-decoration:none!important;transition:background .2s}.sw-vergleich-btn:hover{background:#0052a3}@media(max-width:600px){.sw-info-box{padding:16px!important}.sw-test-section h2{font-size:17px!important}}</style>    <style id="tv-sidebar-rating-css">
    .tv-author-rating-box{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:10px;padding:14px;margin-top:14px;text-align:center}
    .tv-author-rating-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
    .tv-author-rating-label{font-size:12px;font-weight:600;color:#1a365d}
    .tv-author-rating-score{font-size:18px;font-weight:700;color:#2b6cb0}
    .tv-author-rating-stars-display{display:flex;justify-content:center;gap:3px;margin-bottom:5px}
    .tv-author-rating-stars-display .tv-star{width:20px;height:20px;fill:#cbd5e0;transition:fill .2s ease}
    .tv-author-rating-stars-display .tv-star.filled{fill:#ecc94b}
    .tv-author-rating-count{font-size:11px;color:#718096;display:block;margin-bottom:10px}
    .tv-author-rating-interactive{border-top:1px solid #e2e8f0;padding-top:10px;margin-top:6px}
    .tv-author-rating-cta{font-size:11px;color:#4a5568;display:block;margin-bottom:6px}
    .tv-author-rating-buttons{display:flex;justify-content:center;gap:5px}
    .tv-star-btn{width:28px;height:28px;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .15s ease}
    .tv-star-btn:hover{transform:scale(1.15)}
    .tv-star-btn svg{width:100%;height:100%;fill:#cbd5e0;transition:fill .15s ease}
    .tv-star-btn:hover svg,.tv-star-btn.hover svg,.tv-star-btn.selected svg{fill:#ecc94b}
    .tv-author-rating-status{font-size:11px;margin:6px 0 0;min-height:16px;color:#38a169;font-weight:500}
    .tv-author-rating-status.error{color:#e53e3e}
    .tv-author-rating-voted{font-size:11px;color:#718096;font-style:italic;margin:6px 0 0}
    @media(max-width:767px){.tv-author-rating-box{padding:12px}.tv-star-btn{width:32px;height:32px}}
    /* Fix: CSS for author-rating classes in page.php (without tv- prefix) */
    .author-rating-box{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:10px;padding:14px;margin-top:14px;text-align:center}
    .author-rating-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
    .author-rating-label{font-size:12px;font-weight:600;color:#1a365d}
    .author-rating-score{font-size:18px;font-weight:700;color:#2b6cb0}
    .author-rating-stars-display{display:flex;justify-content:center;gap:3px;margin-bottom:5px}
    .author-rating-stars-display .author-star{width:20px;height:20px;fill:#cbd5e0;transition:fill .2s ease}
    .author-rating-stars-display .author-star.filled{fill:#ecc94b}
    .author-rating-count{font-size:11px;color:#718096;display:block;margin-bottom:10px}
    .author-rating-interactive{border-top:1px solid #e2e8f0;padding-top:10px;margin-top:6px}
    .author-rating-cta{font-size:11px;color:#4a5568;display:block;margin-bottom:6px}
    .author-rating-buttons{display:flex;justify-content:center;gap:5px}
    .author-star-btn{width:28px;height:28px;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .15s ease}
    .author-star-btn:hover{transform:scale(1.15)}
    .author-star-btn svg{width:100%;height:100%;fill:#cbd5e0;transition:fill .15s ease}
    .author-star-btn:hover svg{fill:#ecc94b}
    .author-rating-status{font-size:11px;margin:6px 0 0;min-height:16px;color:#38a169;font-weight:500}
    .author-rating-voted{font-size:11px;color:#718096;font-style:italic;margin:6px 0 0}
    @media(max-width:767px){.author-rating-box{padding:12px}.author-star-btn{width:32px;height:32px}}
    </style>
    <style>.price-comparison-poll h2{text-align:center !important}</style>							<link rel="preload" as="font" href="https://test-vergleiche.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9" type="font/woff2" crossorigin>
					
<!-- Google AdSense meta tags added by Site Kit -->
<meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236">
<meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com">
<!-- End Google AdSense meta tags added by Site Kit -->

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Manifest nur, wenn vorhanden/gewünscht -->
<!-- <link rel="manifest" href="/site.webmanifest"> -->

<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
<link rel="icon" href="https://test-vergleiche.com/wp-content/uploads/2025/10/cropped-test-vergleiche.com_-32x32.png" sizes="32x32" />
<link rel="icon" href="https://test-vergleiche.com/wp-content/uploads/2025/10/cropped-test-vergleiche.com_-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://test-vergleiche.com/wp-content/uploads/2025/10/cropped-test-vergleiche.com_-180x180.png" />
<meta name="msapplication-TileImage" content="https://test-vergleiche.com/wp-content/uploads/2025/10/cropped-test-vergleiche.com_-270x270.png" />
    <style id="tv2-author-toggle-css">
    .author-card .author-toggle {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-top: 8px;
        padding: 6px 12px;
        font-size: 12px;
        font-weight: 600;
        color: #5F7161;
        background: #f0f4f0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background 0.2s ease, color 0.2s ease;
    }
    .author-card .author-toggle:hover {
        background: #e0e8e0;
        color: #4a5a4c;
    }
    .author-card .author-toggle svg {
        transition: transform 0.2s ease;
    }
    .author-card .author-content {
        max-height: 60px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.3s ease;
    }
    .author-card .author-content::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 30px;
        background: linear-gradient(transparent, #fff);
        pointer-events: none;
        transition: opacity 0.3s ease;
    }
    .author-card .author-content.expanded {
        max-height: 500px;
    }
    .author-card .author-content.expanded::after {
        opacity: 0;
    }
    .author-card .author-date {
        font-size: 12px;
        color: #6B7280;
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: 10px;
    }
    </style>
    <style>
            /* Hide WoodMart search dropdown - TV2 Ajax Search active */
            .woodmart-ajax-search .wd-dropdown-results,
            .woodmart-ajax-search .search-results-wrapper,
            .woodmart-ajax-search .wd-search-results,
            .searchform.woodmart-ajax-search .wd-dropdown,
            .wd-search-form .wd-dropdown-results,
            .wd-el-search .wd-dropdown-results,
            form.woodmart-ajax-search .wd-dropdown {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
            }
            /* Hide WoodMart search page title/header on BT search results */
            body.search-results .page-title,
            body.search .page-title,
            body.search-results .title-wrapper,
            body.search .title-wrapper,
            body.search-results .wd-page-title,
            body.search .wd-page-title,
            body.search-results .page-title-default,
            body.search .page-title-default,
            body.search-results .woodmart-page-title,
            body.search .woodmart-page-title,
            body.search-results .title-size-default,
            body.search .title-size-default {
                display: none !important;
            }
            /* Force hide mobile elements in WoodMart header on search pages - DESKTOP */
            @media (min-width: 1025px) {
                body.search-results .whb-mobile-left,
                body.search-results .whb-mobile-center,
                body.search-results .whb-mobile-right,
                body.search-results .whb-col-mobile,
                body.search-results .whb-hidden-lg,
                body.search-results .whb-hidden-desktop,
                body.search-results .whb-header-bottom,
                body.search .whb-mobile-left,
                body.search .whb-mobile-center,
                body.search .whb-mobile-right,
                body.search .whb-col-mobile,
                body.search .whb-hidden-lg,
                body.search .whb-hidden-desktop,
                body.search .whb-header-bottom,
                .search-results .whb-mobile-left,
                .search-results .whb-mobile-center,
                .search-results .whb-mobile-right,
                .search-results .whb-col-mobile,
                .search-results .whb-hidden-lg,
                .search-results .whb-hidden-desktop,
                .search-results .whb-header-bottom {
                    display: none !important;
                    visibility: hidden !important;
                    width: 0 !important;
                    height: 0 !important;
                    overflow: hidden !important;
                    position: absolute !important;
                    left: -9999px !important;
                }
            }
            /* Hide WordPress admin bar search completely */
            #wp-admin-bar-search,
            #wpadminbar #adminbarsearch,
            #wpadminbar .adminbar-input,
            #wpadminbar .admin-bar-search {
                display: none !important;
                visibility: hidden !important;
                width: 0 !important;
                height: 0 !important;
                overflow: hidden !important;
            }
            /* Hide empty breadcrumbs wrapper on search pages */
            body.search-results #breadcrumbs-wrapper,
            body.search #breadcrumbs-wrapper {
                display: none !important;
            }
            /* Ensure BT Search dropdown shows */
            .tv2-search__dropdown {
                display: block;
            }
            .tv2-search__dropdown--open {
                opacity: 1 !important;
                visibility: visible !important;
            }
        </style>
<style id="wp-custom-css">
/* ============================================
   TEST-VERGLEICHE.COM - KOMPLETTES CUSTOM CSS
   ============================================
   Version: 3.2 SAFE
   Letzte Aktualisierung: Januar 2026
   
   WICHTIG: Konservativer Ansatz - 
   überschreibt nur visuelle Styles,
   nicht das Layout!
   ============================================ */


/* ============================================
   1. ALLGEMEINE EINSTELLUNGEN
   ============================================ */

body,
.page .main-page-wrapper,
.woodmart-archive-shop .main-page-wrapper,
.single-product .main-page-wrapper,
.woodmart-archive-blog .main-page-wrapper,
.single-post .main-page-wrapper,
.woodmart-archive-portfolio .main-page-wrapper,
.single-portfolio .main-page-wrapper,
div.wd-popup.wd-age-verify,
.wd-popup.wd-promo-popup,
.header-banner,
.page-title-default,
.footer-container {
    background-image: unset !important;
}

.main-page-wrapper {
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

label {
    display: none;
}


/* ============================================
   2. TYPOGRAFIE & ÜBERSCHRIFTEN
   ============================================ */

h3 {
    font-size: 18px;
    font-weight: bold;
}

.comparison-page-title {
    color: #313131;
    font-size: 22px;
    font-weight: bold;
}

.comparison-page-subtitle {
    color: #003180;
    font-weight: bold;
    font-size: 18px;
}

.comparison-main-content-heading {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.comparison-main-content-heading strong {
    font-weight: bold;
    font-size: 26px;
}

.comparison-main-content h2 {
    margin: 20px 0;
    font-size: 28px;
    font-weight: bold;
    color: #2b2b2b;
}

.comparison-main-content h3 {
    margin: 20px 0;
    font-size: 24px;
    font-weight: bold;
    color: #2b2b2b;
}

.comparison-page-content h2 {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.related-pages-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
}

.crp_title {
    color: black;
}

.author-content {
    color: black;
}


/* ============================================
   3. BREADCRUMBS
   ============================================ */

.whb-header {
    margin-bottom: 0;
}

#breadcrumbs-wrapper {
    background: #fff;
    padding: 8px 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/* Rank Math Breadcrumb */
.rank-math-breadcrumb,
.rank-math-breadcrumb p {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    overflow: visible !important;
    margin-bottom: 10px;
}

.rank-math-breadcrumb a {
    color: #003399;
    text-decoration: none;
}

.rank-math-breadcrumb a:hover {
    text-decoration: underline;
}

.rank-math-breadcrumb .last {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    color: inherit !important;
}

.rank-math-breadcrumb .separator {
    margin: 0 6px;
    font-weight: 400;
    color: #666;
}


/* ============================================
   4. LISTEN & TABELLEN
   ============================================ */

/* Allgemeine Listen - NICHT in AAWP */
ul:not(.aawp ul):not(.aawp-product__description ul) {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 10px;
    padding-left: 0;
}

/* Listen im Vergleichsbereich */
.comparison-main-content ul li {
    list-style-type: circle;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgray;
    margin-left: 15px;
    position: relative;
}

.comparison-main-content ul li:first-child {
    border-top: none;
}

.comparison-main-content ul li:last-child {
    border-bottom: none;
}

/* Tabellen */
table {
    margin-bottom: 35px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    line-height: 1.4;
    font-size: 16px;
}

table tr:first-child th,
table tr:first-child td {
    font-weight: bold;
    color: #2d2d2d;
}

.ct-table td .mobile-heading {
    color: #000000;
}

.ct-table .product-details {
    font-size: .8125em;
}

.ct-table td.flag-100 {
    background-color: #feff0012;
}

.ct-table td.flag-50 {
    background-color: #bdd5ff30;
}

.ct-table .award.award-100 {
    background-color: #e2024e;
}

.ct-table .award.award-50 {
    background-color: #5573b1;
}


/* ============================================
   5. BUTTONS
   ============================================ */

.btn-offer {
    color: #FFF;
    background-color: #49494a;
    font-size: 1.0em;
    position: relative;
    text-align: center;
    padding: 10px 5px;
}

.btn-offer:hover {
    color: #FFF;
    background-color: #313131;
}

.btn-back-comparison {
    background-color: #515151;
    font-size: 1.0em;
    position: relative;
    text-align: center;
    padding: 10px 5px;
}

.btn-back-comparison:hover {
    color: #FFF;
    background-color: #515151;
}

.offer-box-btn {
    font-size: 12px;
}


/* ============================================
   6. BLOCKQUOTE & ZITATE
   ============================================ */

blockquote {
    background-color: #e9fafd;
    border-left: 4px solid #0096c4;
    padding: 15px;
    margin: 35px 0;
    font-style: italic;
    font-size: 18px;
}


/* ============================================
   7. KOMMENTARE
   ============================================ */

.comments-area .comment-author {
    float: none;
}

.comments-area .comment-body {
    position: relative;
    padding-left: 35px;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    border-left: 3px solid #add8e6;
    border-top: 1px solid #add8e6;
    border-right: 1px solid #add8e6;
    border-bottom: 1px solid #add8e6;
    margin-top: 30px;
    margin-bottom: 30px;
}


/* ============================================
   8. PRODUKT BOXEN & VERGLEICHE
   ============================================ */

.additional-description {
    padding: 20px;
    border: 2px solid #1fa6d9;
    margin-top: 30px;
    margin-bottom: 20px;
}

.product-price-box {
    position: relative;
    border: 1px solid #4d4e4b;
}

.product-price-box .price a {
    line-height: 80px;
    font-weight: bold;
    font-size: 28px;
    color: #515151;
}

/* Ribbon / Badge */
.theribbon {
    font-size: 1.2em;
    background-color: #5573b1;
}

.theribbon:after {
    left: 0;
    top: 100%;
    border-width: 5px 10px;
    border-style: solid;
    border-color: #313131 #313131 transparent transparent;
}

/* Award Badges */
.content-box .product-overview .award.award-100 {
    background: #E2024E;
}

.content-box .product-overview .award.award-50 {
    background: #5573b1;
}

/* Siegel */
.siegel_topProduct {
    border-color: #c1c1c1;
}

.siegel_priceChamp {
    border-color: #6c9bc7;
}

/* Test Labels */
.testNotePraedikat {
    display: block;
    line-height: 35px;
    font-size: 13px;
    color: #dbc000;
    font-weight: bold;
}

.testLabel {
    font-weight: bold;
    font-size: 13px;
    line-height: 27px;
    display: block;
    justify-content: center;
    align-items: center;
}

/* Content Box */
.content-box .grid > * {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding: 12px;
    padding-bottom: 10px;
    font-size: 16px;
}

/* At a Glance */
.at-a-glance {
    position: relative;
    background-color: #f9f9f9;
    padding: 30px 0;
}


/* ============================================
   9. BEST PRODUCTS BOXEN
   ============================================ */

.best_products_boxes .bp-product-name {
    color: #000000;
    font-weight: 500;
    font-size: 1.1em;
}

.best_products_boxes .bp-flag {
    margin: -15px -15px 30px -15px;
    padding: 10px 15px;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
}

.best_products_boxes .bp-best {
    background-color: #E2024E;
}

.best_products_boxes .bp-pricechamp {
    background-color: #5573B1;
}


/* ============================================
   10. SUCHE
   ============================================ */

.searchform[class*="wd-style-with-bg"] .searchsubmit {
    color: #fff;
    background-color: #256ecc;
}

[class*="wd-header-search-form"] input[type="text"] {
    min-width: 400px;
}

.search-item-offer {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 10px;
}

.search-item-offer .offer-box-price {
    color: #4b4b4b;
    font-size: 1em;
    font-weight: bold;
}

.search-results .sidebar-container .widget_ep-facet .term a {
    align-items: flex-start;
    font-size: .9em;
    color: black;
}

/* Ajax Search Lite */
.asl_results {
    display: flex !important;
    gap: 20px !important;
    max-width: 100% !important;
    padding: 15px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

.asl_results::before {
    content: "PRODUKTE" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 50% !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #666 !important;
    padding: 10px !important;
    background: #f8f9fa !important;
    border-bottom: 2px solid #007cba !important;
}

.asl_results::after {
    content: "KATEGORIEN" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 50% !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #666 !important;
    padding: 10px !important;
    background: #f8f9fa !important;
    border-bottom: 2px solid #007cba !important;
}

.asl_result {
    width: 48% !important;
    border-bottom: 1px solid #e9ecef !important;
    padding: 12px !important;
    margin: 0 !important;
    background: #f8f9fa !important;
    border-radius: 4px !important;
}


/* ============================================
   11. BILDER & MEDIEN
   ============================================ */

.wp-caption .wp-caption-text,
.wp-caption-dd {
    padding: 20px 10px 5px 0;
    line-height: 1.6;
    font-size: 80%;
}

img.ct-merchant-logo {
    max-height: 50px;
    max-width: 50px;
    margin: 0 auto 8px auto;
    display: block;
}


/* ============================================
   12. AUTOR SEITEN
   ============================================ */

.author-heading {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    text-align: center;
}

.author-works-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-top: 1rem;
}

.author-work-card {
    display: block;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform .2s ease, box-shadow .2s ease;
}

.author-work-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.author-work-card .image-wrapper {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background: #fff;
}

.author-work-card .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.author-work-card h3 {
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0.7em 0.8em 0.3em;
    text-align: center;
    min-height: 2.8em;
}

.author-work-card p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0 0.8em 0.8em;
    text-align: center;
    color: #555;
}


/* ============================================
   13. SONSTIGE ELEMENTE
   ============================================ */

.brand-text-logo a {
    font-size: 14px;
    background: #31377c;
}

a.bts-content-link {
    color: #1f51a0;
    font-weight: bold;
}

.comparison-toc .lwptoc_item_number {
    color: #484848;
}

.crp_related.crp-text-only {
    margin-top: 20px;
}

.last {
    display: none !important;
}

/* Plus Icon */
.mct-plus-icon {
    display: inline-block;
    margin-right: 4px;
    color: #027d09;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.mct-plus-icon::before {
    content: "+";
}


/* ============================================
   14. AAWP PLUGIN - SICHERES STYLING
   ============================================
   
   KONSERVATIVER ANSATZ:
   - Überschreibt NUR visuelle Eigenschaften
   - Zerstört NICHT das Standard-Layout
   - Entfernt doppelte Bullets
   - Entfernt UPPERCASE
   ============================================ */

/* --- 14.1 BOX CONTAINER - Nur visuelle Änderungen --- */
.aawp .aawp-product--horizontal {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    margin: 28px 0 !important;
    background: #ffffff !important;
}

.aawp .aawp-product--horizontal:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* --- 14.2 BILD BEREICH --- */
.aawp .aawp-product--horizontal .aawp-product__thumb {
    background: #f8f9fa !important;
    border: none !important;
}

.aawp .aawp-product--horizontal .aawp-product__thumb img {
    transition: transform 0.3s ease !important;
}

.aawp .aawp-product--horizontal:hover .aawp-product__thumb img {
    transform: scale(1.03) !important;
}

/* --- 14.3 RIBBON / BADGE --- */
.aawp .aawp-product__ribbon,
.aawp .aawp-product--horizontal .aawp-product__ribbon {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

/* Sale Badge Rot */
.aawp .aawp-product--sale .aawp-product__ribbon {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}

/* --- 14.4 TITEL - Keine Großbuchstaben --- */
.aawp .aawp-product__title,
.aawp .aawp-product--horizontal .aawp-product__title,
.aawp .aawp-product__title a {
    text-transform: none !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

.aawp .aawp-product__title a:hover {
    color: #3b82f6 !important;
}

/* --- 14.5 BESCHREIBUNG - Keine Großbuchstaben, Linksbündig --- */
.aawp .aawp-product__description,
.aawp .aawp-product--horizontal .aawp-product__description {
    text-transform: none !important;
    text-align: left !important;
}

/* Liste in AAWP - Entferne Standard-Bullets */
.aawp .aawp-product__description ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.aawp .aawp-product__description ul li {
    list-style: none !important;
    list-style-type: none !important;
    text-transform: none !important;
    text-align: left !important;
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
}

/* Entferne den Standard-Kreis (○) */
.aawp .aawp-product__description ul li::marker {
    content: "" !important;
    display: none !important;
}

/* Eigener Checkmark */
.aawp .aawp-product__description ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 20px !important;
    height: 20px !important;
    background: #ecfdf5 !important;
    color: #10b981 !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    text-align: center !important;
}

/* Verstecke AAWP eigene Icons falls vorhanden */
.aawp .aawp-product__description ul li > svg:first-child,
.aawp .aawp-product__description ul li > i:first-child,
.aawp .aawp-product__description ul li > span.aawp-check {
    display: none !important;
}

/* --- 14.6 PREIS --- */
.aawp .aawp-product__price {
    text-align: left !important;
}

.aawp .aawp-product__price--current {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
}

.aawp .aawp-product__price--old {
    color: #94a3b8 !important;
    text-decoration: line-through !important;
}

/* --- 14.7 BUTTON --- */
.aawp .aawp-button,
.aawp .aawp-button--buy,
.aawp a.aawp-button {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35) !important;
    transition: all 0.3s ease !important;
}

.aawp .aawp-button:hover,
.aawp a.aawp-button:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* --- 14.8 FOOTER BEREICH --- */
.aawp .aawp-product__footer {
    background: #ffffff !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* --- 14.9 STERNE --- */
.aawp .aawp-product__rating .aawp-star-rating__stars {
    color: #f59e0b !important;
}

/* --- 14.10 PRIME BADGE --- */
.aawp .aawp-check--prime {
    color: #1e40af !important;
}


/* ============================================
   15. RESPONSIVE DESIGN
   ============================================ */

/* --- 15.1 TABLET (max 1200px) --- */
@media (max-width: 1200px) {
    .author-works-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* --- 15.2 TABLET (max 900px) --- */
@media (max-width: 900px) {
    .aawp .aawp-button,
    .aawp a.aawp-button {
        width: 100% !important;
        text-align: center !important;
    }
}

/* --- 15.3 TABLET (max 768px) --- */
@media (max-width: 768px) {
    .author-works-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .asl_results {
        flex-direction: column !important;
    }
    
    .asl_result {
        width: 100% !important;
    }
}

/* --- 15.4 MOBILE (max 576px) --- */
@media (max-width: 576px) {
    .aawp .aawp-product--horizontal {
        margin: 20px 0 !important;
        border-radius: 12px !important;
    }
    
    .aawp .aawp-product__title {
        font-size: 16px !important;
    }
    
    .aawp .aawp-product__description ul li {
        font-size: 13px !important;
        padding-left: 26px !important;
    }
    
    .aawp .aawp-product__description ul li::before {
        width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        line-height: 18px !important;
    }
    
    .aawp .aawp-product__price--current {
        font-size: 22px !important;
    }
    
    .aawp .aawp-button,
    .aawp a.aawp-button {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}

/* --- 15.5 SMARTPHONE (max 480px) --- */
@media (max-width: 480px) {
    .author-works-grid {
        grid-template-columns: 1fr;
    }
}

/* --- 15.6 ACCESSIBILITY --- */
@media (prefers-reduced-motion: reduce) {
    .aawp .aawp-product--horizontal:hover,
    .aawp .aawp-button:hover,
    .author-work-card:hover {
        transform: none !important;
    }
    
    .aawp .aawp-product--horizontal:hover .aawp-product__thumb img {
        transform: none !important;
    }
}


/* ============================================
   ENDE - TEST-VERGLEICHE.COM CUSTOM CSS v3.2
   ============================================ */

/* ============================================
   AAWP BOX FIX - VERSION 3.6
   
   Füge diesen Code ZUSÄTZLICH zu deinem 
   bestehenden CSS hinzu (ganz am Ende)
   ============================================ */


/* === 1. UPPERCASE ENTFERNEN === */
.aawp .aawp-product__description,
.aawp .aawp-product__description ul,
.aawp .aawp-product__description ul li,
.aawp .aawp-product--horizontal .aawp-product__description,
.aawp .aawp-product--horizontal .aawp-product__description ul li,
.aawp-product__description li,
.aawp-box .aawp-product__description li {
    text-transform: lowercase !important;
}

.aawp .aawp-product__title,
.aawp .aawp-product__title a,
.aawp .aawp-product--horizontal .aawp-product__title,
.aawp .aawp-product--horizontal .aawp-product__title a {
    text-transform: none !important;
}


/* === 2. GRAUER HINTERGRUND BEIM BILD ENTFERNEN === */
.aawp .aawp-product__thumb,
.aawp .aawp-product__image,
.aawp .aawp-product--horizontal .aawp-product__thumb,
.aawp .aawp-product--horizontal .aawp-product__image,
.aawp-product__thumb,
.aawp-product__image {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.aawp .aawp-product__thumb > *,
.aawp .aawp-product__image > * {
    background: transparent !important;
    border: none !important;
}


/* === 3. MEHR ABSTAND / LUFTIGER === */
.aawp .aawp-product__title,
.aawp .aawp-product--horizontal .aawp-product__title {
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
}

.aawp .aawp-product__description,
.aawp .aawp-product--horizontal .aawp-product__description {
    margin-bottom: 24px !important;
}

.aawp .aawp-product__description ul li,
.aawp .aawp-product--horizontal .aawp-product__description ul li {
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
    line-height: 1.6 !important;
}

.aawp .aawp-product__description ul li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.aawp .aawp-product__content,
.aawp .aawp-product--horizontal .aawp-product__content {
    padding: 28px 32px !important;
}

.aawp .aawp-product__footer,
.aawp .aawp-product--horizontal .aawp-product__footer {
    padding-top: 24px !important;
    margin-top: 20px !important;
}


/* === 4. "PREIS PRÜFEN" WENN KEIN PREIS VORHANDEN === */

/* NUR EINE Regel - wenn Preis-Element leer ist */
.aawp .aawp-product__price:empty {
    display: block !important;
}

.aawp .aawp-product__price:empty::before {
    content: "Preis prüfen" !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    display: block !important;
    margin-bottom: 12px !important;
}

/* Entferne alle ::after Pseudo-Elemente (verhindert Duplikate) */
.aawp .aawp-product__price:empty::after {
    content: none !important;
    display: none !important;
}

/* Falls der aktuelle Preis separat leer ist */
.aawp .aawp-product__price--current:empty {
    display: block !important;
}

.aawp .aawp-product__price--current:empty::before {
    content: "Preis prüfen" !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    display: block !important;
}

.aawp .aawp-product__price--current:empty::after {
    content: none !important;
    display: none !important;
}

/* ============================================
   MODERN CLEAN ADDON
   Für test-vergleiche.com
   Version: 1.0
   
   Füge diesen Code ANS ENDE deines 
   bestehenden CSS (v3.2 + v3.6) hinzu.
   
   Enthält NUR:
   1. Überschriften (H2, H3, H4)
   2. Zitate (Blockquotes)
   3. Tipps (Info-Box, Warnung-Box)
   4. Tabellen
   
   Startseite ist AUSGESCHLOSSEN
   ============================================ */


/* ============================================
   1. ÜBERSCHRIFTEN - MODERN CLEAN
   ============================================ */

/* H2 - Hauptüberschrift mit blauem Akzent */
body:not(.home) .comparison-main-content h2:not(.comparison-main-content-heading),
body:not(.home) .entry-content h2,
body:not(.home) .post-content h2,
body:not(.home) article h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    border-left: 4px solid #3b82f6 !important;
    padding-left: 16px !important;
    margin-top: 48px !important;
    margin-bottom: 24px !important;
    line-height: 1.3 !important;
}

/* Erster H2 ohne großen Abstand oben */
body:not(.home) .comparison-main-content h2:first-child,
body:not(.home) .entry-content h2:first-child,
body:not(.home) article h2:first-child {
    margin-top: 0 !important;
}

/* H3 - Unterüberschrift */
body:not(.home) .comparison-main-content h3,
body:not(.home) .entry-content h3,
body:not(.home) .post-content h3,
body:not(.home) article h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-top: 36px !important;
    margin-bottom: 16px !important;
    line-height: 1.4 !important;
    padding-left: 0 !important;
    border-left: none !important;
}

/* H4 - Kleine Überschrift */
body:not(.home) .comparison-main-content h4,
body:not(.home) .entry-content h4,
body:not(.home) .post-content h4,
body:not(.home) article h4 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
}

/* H5 */
body:not(.home) .comparison-main-content h5,
body:not(.home) .entry-content h5,
body:not(.home) article h5 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-top: 24px !important;
    margin-bottom: 10px !important;
}


/* ============================================
   2. ZITATE / BLOCKQUOTES - MODERN CLEAN
   ============================================ */

body:not(.home) .comparison-main-content blockquote,
body:not(.home) .entry-content blockquote,
body:not(.home) .post-content blockquote,
body:not(.home) article blockquote {
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%) !important;
    border-left: 4px solid #3b82f6 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 28px 28px 28px 48px !important;
    margin: 32px 0 !important;
    font-style: italic !important;
    position: relative !important;
}

body:not(.home) .comparison-main-content blockquote p,
body:not(.home) .entry-content blockquote p,
body:not(.home) article blockquote p {
    font-size: 18px !important;
    color: #334155 !important;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;
}

/* Zitat-Icon oben links */
body:not(.home) .comparison-main-content blockquote::before,
body:not(.home) .entry-content blockquote::before,
body:not(.home) article blockquote::before {
    content: '"' !important;
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    font-size: 48px !important;
    color: #bfdbfe !important;
    font-family: Georgia, serif !important;
    line-height: 1 !important;
}

/* Autor/Quelle */
body:not(.home) .comparison-main-content blockquote cite,
body:not(.home) .entry-content blockquote cite,
body:not(.home) article blockquote cite {
    display: block !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    color: #64748b !important;
    font-style: normal !important;
    font-weight: 500 !important;
}


/* ============================================
   3. TIPPS & HINWEISE - MODERN CLEAN
   ============================================ */

/* --- INFO-BOX / TIPP --- */
body:not(.home) .info-box,
body:not(.home) .tipp-box,
body:not(.home) .tip-box,
body:not(.home) .notice-info {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 12px !important;
    padding: 20px 24px 20px 60px !important;
    margin: 28px 0 !important;
    position: relative !important;
}

body:not(.home) .info-box::before,
body:not(.home) .tipp-box::before,
body:not(.home) .tip-box::before,
body:not(.home) .notice-info::before {
    content: "💡" !important;
    position: absolute !important;
    left: 20px !important;
    top: 20px !important;
    font-size: 24px !important;
}

body:not(.home) .info-box p,
body:not(.home) .tipp-box p,
body:not(.home) .tip-box p,
body:not(.home) .notice-info p {
    color: #1e40af !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

body:not(.home) .info-box strong,
body:not(.home) .tipp-box strong,
body:not(.home) .notice-info strong {
    color: #1e3a8a !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
}

/* --- WARNUNG-BOX / HINWEIS --- */
body:not(.home) .warning-box,
body:not(.home) .warnung-box,
body:not(.home) .notice-warning,
body:not(.home) .hinweis-box {
    background: #fffbeb !important;
    border: 1px solid #fcd34d !important;
    border-radius: 12px !important;
    padding: 20px 24px 20px 60px !important;
    margin: 28px 0 !important;
    position: relative !important;
}

body:not(.home) .warning-box::before,
body:not(.home) .warnung-box::before,
body:not(.home) .notice-warning::before,
body:not(.home) .hinweis-box::before {
    content: "⚠️" !important;
    position: absolute !important;
    left: 20px !important;
    top: 20px !important;
    font-size: 24px !important;
}

body:not(.home) .warning-box p,
body:not(.home) .warnung-box p,
body:not(.home) .notice-warning p,
body:not(.home) .hinweis-box p {
    color: #92400e !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

body:not(.home) .warning-box strong,
body:not(.home) .warnung-box strong,
body:not(.home) .hinweis-box strong {
    color: #78350f !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
}


/* ============================================
   4. TABELLEN - MODERN CLEAN
   (Nicht für .ct-table Vergleichstabellen)
   ============================================ */

body:not(.home) .comparison-main-content table:not(.ct-table),
body:not(.home) .entry-content table:not(.ct-table),
body:not(.home) article table:not(.ct-table) {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 28px 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e2e8f0 !important;
}

/* Tabellen-Header */
body:not(.home) .comparison-main-content table:not(.ct-table) thead,
body:not(.home) .entry-content table:not(.ct-table) thead,
body:not(.home) article table:not(.ct-table) thead {
    background: #f8fafc !important;
}

body:not(.home) .comparison-main-content table:not(.ct-table) th,
body:not(.home) .entry-content table:not(.ct-table) th,
body:not(.home) article table:not(.ct-table) th {
    padding: 14px 18px !important;
    font-weight: 600 !important;
    color: #334155;
    text-align: left !important;
    font-size: 14px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

/* Tabellen-Zellen */
body:not(.home) .comparison-main-content table:not(.ct-table) td,
body:not(.home) .entry-content table:not(.ct-table) td,
body:not(.home) article table:not(.ct-table) td {
    padding: 14px 18px !important;
    color: #475569 !important;
    font-size: 15px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

/* Zebra-Streifen */
body:not(.home) .comparison-main-content table:not(.ct-table) tbody tr:nth-child(even),
body:not(.home) .entry-content table:not(.ct-table) tbody tr:nth-child(even),
body:not(.home) article table:not(.ct-table) tbody tr:nth-child(even) {
    background: #f8fafc !important;
}

/* Hover-Effekt */
body:not(.home) .comparison-main-content table:not(.ct-table) tbody tr:hover,
body:not(.home) .entry-content table:not(.ct-table) tbody tr:hover,
body:not(.home) article table:not(.ct-table) tbody tr:hover {
    background: #eff6ff !important;
}


/* ============================================
   5. RESPONSIVE ANPASSUNGEN
   ============================================ */

@media (max-width: 768px) {
    /* Überschriften kleiner */
    body:not(.home) .comparison-main-content h2:not(.comparison-main-content-heading),
    body:not(.home) .entry-content h2,
    body:not(.home) article h2 {
        font-size: 24px !important;
        margin-top: 36px !important;
    }
    
    body:not(.home) .comparison-main-content h3,
    body:not(.home) .entry-content h3,
    body:not(.home) article h3 {
        font-size: 20px !important;
        margin-top: 28px !important;
    }
    
    body:not(.home) .comparison-main-content h4,
    body:not(.home) .entry-content h4,
    body:not(.home) article h4 {
        font-size: 17px !important;
    }
    
    /* Blockquote kompakter */
    body:not(.home) .comparison-main-content blockquote,
    body:not(.home) .entry-content blockquote {
        padding: 20px 20px 20px 44px !important;
    }
    
    body:not(.home) .comparison-main-content blockquote p,
    body:not(.home) .entry-content blockquote p {
        font-size: 16px !important;
    }
    
    /* Info/Warning Boxen */
    body:not(.home) .info-box,
    body:not(.home) .warning-box,
    body:not(.home) .tipp-box,
    body:not(.home) .warnung-box {
        padding: 16px 18px 16px 54px !important;
    }
    
    /* Tabellen scrollbar */
    body:not(.home) .comparison-main-content table:not(.ct-table),
    body:not(.home) .entry-content table:not(.ct-table) {
        display: block !important;
        overflow-x: auto !important;
    }
}

@media (max-width: 480px) {
    body:not(.home) .comparison-main-content h2:not(.comparison-main-content-heading),
    body:not(.home) .entry-content h2 {
        font-size: 22px !important;
        padding-left: 12px !important;
    }
    
    /* Zitat-Icon ausblenden auf kleinen Screens */
    body:not(.home) .comparison-main-content blockquote::before,
    body:not(.home) .entry-content blockquote::before {
        display: none !important;
    }
    
    body:not(.home) .comparison-main-content blockquote,
    body:not(.home) .entry-content blockquote {
        padding: 20px !important;
    }
}

/* ============================================
   TEST-VERGLEICHE.COM - PRODUKTSEITEN REDESIGN
   ============================================
   Version: 5.2 - NAVY ELEGANCE (NUR HERO)
   
   Farbpalette:
   - #0D1321 - Sehr Dunkel (Text, Titel)
   - #1D2D44 - Dunkelblau (Badges, Ribbon)
   - #3E5C76 - Stahlblau (CTA, Icons)
   - #748CAB - Hellblaugrau (Borders, Muted)
   - #FFFFFF - Weiß (Hintergründe)
   
   NUR FÜR: Hero-Bereich (Galerie + Produktinfo + Preisbox)
   NICHT FÜR: Technische Merkmale, Tabellenzusammenfassung
   ============================================ */


/* ============================================
   CSS VARIABLEN
   ============================================ */

:root {
    /* Navy Elegance Palette */
    --tv-navy-darkest: #0D1321;
    --tv-navy-dark: #1D2D44;
    --tv-navy-medium: #3E5C76;
    --tv-navy-light: #748CAB;
    --tv-cream: #F0EBD8;
    
    /* Funktionale Farben */
    --tv-text-primary: #0D1321;
    --tv-text-secondary: #1D2D44;
    --tv-text-muted: #748CAB;
    
    /* Hintergründe */
    --tv-bg-white: #ffffff;
    --tv-bg-light: #f8f9fa;
    --tv-bg-gray: #f0f2f5;
    --tv-border: #e5e7eb;
    
    /* Schatten */
    --tv-shadow-sm: 0 1px 3px rgba(13, 19, 33, 0.06);
    --tv-shadow-md: 0 4px 12px rgba(13, 19, 33, 0.08);
    --tv-shadow-lg: 0 8px 24px rgba(13, 19, 33, 0.12);
    
    /* Border Radius */
    --tv-radius-sm: 8px;
    --tv-radius-md: 12px;
    --tv-radius-lg: 16px;
    --tv-radius-xl: 24px;
}


/* ============================================
   1. HERO WRAPPER
   ============================================ */

.product-image-summary-wrap {
    background: var(--tv-bg-white) !important;
    border-radius: var(--tv-radius-xl) !important;
    box-shadow: var(--tv-shadow-md) !important;
    padding: 32px !important;
    margin-bottom: 32px !important;
    border: 1px solid var(--tv-border) !important;
}


/* ============================================
   2. ZURÜCK-BUTTON
   ============================================ */

.btn-back-comparison {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--tv-bg-light) !important;
    color: var(--tv-navy-medium) !important;
    border: 2px solid var(--tv-navy-light) !important;
    border-radius: var(--tv-radius-sm) !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-back-comparison:hover {
    background: var(--tv-navy-dark) !important;
    color: var(--tv-bg-white) !important;
    border-color: var(--tv-navy-dark) !important;
}


/* ============================================
   3. BILDERGALERIE
   ============================================ */

.product-images-inner {
    background: linear-gradient(145deg, #f8f9fa 0%, #f0f2f5 100%) !important;
    border-radius: var(--tv-radius-lg) !important;
    padding: 24px !important;
    border: 1px solid var(--tv-border) !important;
}

/* Hauptbild Container */
#product_images_slide_show {
    border-radius: var(--tv-radius-md) !important;
    overflow: hidden !important;
}

#product_images_slide_show .carousel-inner {
    border-radius: var(--tv-radius-md) !important;
    background: var(--tv-bg-white) !important;
}

#product_images_slide_show .carousel-item img {
    border-radius: var(--tv-radius-md) !important;
    object-fit: contain !important;
    max-height: 450px !important;
    margin: 0 auto !important;
}

/* Hauptbild Box */
.main-image-wrapper,
.product-images-inner > .carousel,
#product_images_slide_show {
    background: var(--tv-bg-white) !important;
    border-radius: var(--tv-radius-md) !important;
    box-shadow: var(--tv-shadow-sm) !important;
    border: 1px solid var(--tv-border) !important;
}

/* Carousel Controls */
#product_images_slide_show .carousel-control-prev,
#product_images_slide_show .carousel-control-next {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 50% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--tv-shadow-md) !important;
}

#product_images_slide_show:hover .carousel-control-prev,
#product_images_slide_show:hover .carousel-control-next {
    opacity: 1 !important;
}

#product_images_slide_show .carousel-control-prev {
    left: 12px !important;
}

#product_images_slide_show .carousel-control-next {
    right: 12px !important;
}

#product_images_slide_show .carousel-control-prev:hover,
#product_images_slide_show .carousel-control-next:hover {
    background: var(--tv-navy-dark) !important;
}

#product_images_slide_show .carousel-control-prev-icon,
#product_images_slide_show .carousel-control-next-icon {
    filter: invert(25%) !important;
    width: 18px !important;
    height: 18px !important;
}

#product_images_slide_show .carousel-control-prev:hover .carousel-control-prev-icon,
#product_images_slide_show .carousel-control-next:hover .carousel-control-next-icon {
    filter: invert(100%) !important;
}


/* ============================================
   THUMBNAILS ALS NAVIGATION DOTS
   ============================================ */

#product_images_slide_show .carousel-indicators {
    position: relative !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

#product_images_slide_show .carousel-indicators li,
#product_images_slide_show .carousel-indicators [data-target],
#product_images_slide_show .carousel-indicators [data-bs-target],
#product_images_slide_show .carousel-indicators button,
.carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--tv-navy-light) !important;
    background-color: var(--tv-navy-light) !important;
    border: none !important;
    opacity: 0.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex: 0 0 auto !important;
    text-indent: -9999px !important;
}

#product_images_slide_show .carousel-indicators li:hover,
#product_images_slide_show .carousel-indicators button:hover {
    opacity: 0.8 !important;
    transform: scale(1.2) !important;
}

#product_images_slide_show .carousel-indicators li.active,
#product_images_slide_show .carousel-indicators .active,
#product_images_slide_show .carousel-indicators button.active {
    background: var(--tv-navy-dark) !important;
    background-color: var(--tv-navy-dark) !important;
    opacity: 1 !important;
    transform: scale(1.2) !important;
}


/* ============================================
   4. PRODUKT INFO BEREICH
   ============================================ */

.summary-inner {
    padding: 0 !important;
}

/* Produkttitel */
.product_title.wd-entities-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--tv-navy-darkest) !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
}

/* Marken-Badge */
.product-brand .brand-text-logo {
    background: linear-gradient(135deg, var(--tv-navy-darkest) 0%, var(--tv-navy-dark) 100%) !important;
    padding: 10px 18px !important;
    border-radius: var(--tv-radius-sm) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: inline-block !important;
    margin-bottom: 16px !important;
}

.product-brand .brand-text-logo a {
    color: var(--tv-bg-white) !important;
    text-decoration: none !important;
}

/* Sterne Rating */
.kk-star-ratings {
    background: var(--tv-bg-light) !important;
    padding: 16px 20px !important;
    border-radius: var(--tv-radius-md) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    border: 1px solid var(--tv-border) !important;
    margin-bottom: 20px !important;
}

.kk-star-ratings .kksr-star {
    color: var(--tv-navy-medium) !important;
}

.kk-star-ratings .kksr-star .kksr-icon {
    color: var(--tv-navy-medium) !important;
    fill: var(--tv-navy-medium) !important;
}

.kksr-legend {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tv-navy-dark) !important;
}


/* ============================================
   5. PREIS-BOX (KORRIGIERT)
   ============================================ */

.product-price-box {
    background: var(--tv-bg-white) !important;
    border: 1px solid var(--tv-border) !important;
    border-radius: var(--tv-radius-lg) !important;
    overflow: hidden !important;
    box-shadow: var(--tv-shadow-sm) !important;
    margin-top: 10px !important;
}

/* Ribbon Container - volle Breite */
.product-price-box .ribbon {
    position: relative !important;
    overflow: visible !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ribbon Text - flacher und volle Breite */
.product-price-box .theribbon {
    background: linear-gradient(135deg, var(--tv-navy-dark) 0%, var(--tv-navy-medium) 100%) !important;
    background-image: linear-gradient(135deg, var(--tv-navy-dark) 0%, var(--tv-navy-medium) 100%) !important;
    color: var(--tv-bg-white) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 20px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    border: none !important;
    border-radius: 12px 12px 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Pseudo-Elemente komplett entfernen */
.product-price-box .ribbon::before,
.product-price-box .ribbon::after,
.product-price-box .theribbon::before,
.product-price-box .theribbon::after,
.product-price-box .ribbon *::before,
.product-price-box .ribbon *::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
    position: absolute !important;
}

/* Preis Bereich */
.product-price-box .price {
    margin: 0 !important;
    line-height: 1 !important;
    padding: 28px 24px !important;
    background: var(--tv-bg-white) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.product-price-box .price a {
    font-size: 36px !important;
    font-weight: 800 !important;
    color: var(--tv-navy-darkest) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.product-price-box .price .price-prefix,
.product-price-box .price span:first-child {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--tv-navy-light) !important;
}

/* Amazon Logo */
.product-price-box .merchant-logo,
.product-price-box img[src*="amazon"] {
    max-height: 32px !important;
    object-fit: contain !important;
}

/* CTA Button - volle Breite, abgerundete Ecken */
.product-price-box .btn-offer,
.product-price-box a.btn-offer,
.product-price-box .btn,
.product-price-box a.btn,
a.btn-offer,
.btn-offer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, var(--tv-navy-medium) 0%, var(--tv-navy-dark) 100%) !important;
    background-color: var(--tv-navy-medium) !important;
    color: var(--tv-bg-white) !important;
    border: none !important;
    border-radius: var(--tv-radius-md) !important;
    padding: 16px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    margin: 0 20px 20px 20px !important;
    width: calc(100% - 40px) !important;
    box-shadow: 0 4px 16px rgba(29, 45, 68, 0.25) !important;
    transition: all 0.25s ease !important;
}

.product-price-box .btn-offer:hover,
.product-price-box a.btn-offer:hover,
.product-price-box .btn:hover,
.product-price-box a.btn:hover,
a.btn-offer:hover,
.btn-offer:hover {
    background: linear-gradient(135deg, var(--tv-navy-dark) 0%, var(--tv-navy-darkest) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(29, 45, 68, 0.35) !important;
    color: var(--tv-bg-white) !important;
}


/* ============================================
   6. FEATURES GRID (falls vorhanden)
   ============================================ */

.product-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

.product-feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px !important;
    background: var(--tv-bg-light) !important;
    border: 1px solid var(--tv-border) !important;
    border-radius: var(--tv-radius-md) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--tv-navy-dark) !important;
}

.product-feature-item i {
    font-size: 18px !important;
    color: var(--tv-navy-medium) !important;
}


/* ============================================
   7. RESPONSIVE
   ============================================ */

@media (max-width: 992px) {
    .product-image-summary-wrap {
        padding: 24px !important;
    }
    
    .product_title.wd-entities-title {
        font-size: 22px !important;
    }
    
    .product-features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .product-price-box .price a {
        font-size: 32px !important;
    }
}

@media (max-width: 768px) {
    .product-image-summary-wrap {
        padding: 16px !important;
        border-radius: var(--tv-radius-lg) !important;
    }
    
    .product_title.wd-entities-title {
        font-size: 20px !important;
    }
    
    .product-price-box .price a {
        font-size: 28px !important;
    }
    
    .product-price-box .price {
        padding: 20px !important;
    }
    
    .product-price-box .theribbon {
        padding: 10px 16px !important;
        font-size: 10px !important;
    }
    
    #product_images_slide_show .carousel-indicators li,
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
    }
    
    .product-features-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .product-image-summary-wrap {
        padding: 12px !important;
        border-radius: var(--tv-radius-md) !important;
    }
    
    .product_title.wd-entities-title {
        font-size: 18px !important;
    }
    
    #product_images_slide_show .carousel-indicators li,
    .carousel-indicators li {
        width: 8px !important;
        height: 8px !important;
    }
    
    .product-price-box .price a {
        font-size: 24px !important;
    }
    
    .product-price-box .price {
        padding: 16px !important;
    }
    
    .product-price-box .btn-offer,
    a.btn-offer,
    .btn-offer {
        padding: 14px 20px !important;
        font-size: 13px !important;
        margin: 0 16px 16px 16px !important;
        width: calc(100% - 32px) !important;
    }
    
    .btn-back-comparison {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
}


/* ============================================
   ENDE - NAVY ELEGANCE v5.2 (NUR HERO)
   ============================================ */

.tv-products-section__heading {
  font-size: 3rem;            /* doppelte Größe */
  font-weight: 700;
  color: var(--tv-gray-800);
  margin: 0 0 var(--tv-gap) 0;
  padding: 0 var(--tv-padding);
  line-height: 1.2;           /* bei großer Schrift etwas enger */
  text-align: center;         /* mittig */
}

/*
 * /*
 * /*
 * 
 * /*
 * ============================================
 * KOMMENTARFELD DESIGN - Elegant Card Style
 * VERSION 4 - COMPLETE FIX für WoodMart Theme
 * - Input Labels sichtbar
 * - Kommentar-Abstände korrigiert
 * - Kommentare unter dem Formular
 * ============================================
 */

/* ============================================
   KOMMENTAR-REIHENFOLGE: Formular OBEN, Kommentare UNTEN
   ============================================ */
.comments-area,
#comments {
    display: flex !important;
    flex-direction: column !important;
}

/* Formular als erstes */
#respond,
.comment-respond {
    order: 1 !important;
}

/* Kommentarliste als zweites */
.comments-area > .comments-title,
#comments > .comments-title,
.comments-title {
    order: 2 !important;
    margin-top: 40px !important;
}

.comment-list,
.comments-area > ol,
#comments > ol {
    order: 3 !important;
}

/* Navigation falls vorhanden */
.comment-navigation,
.comments-pagination {
    order: 4 !important;
}

/* ============================================
   KOMMENTARFORMULAR - HAUPTCONTAINER
   ============================================ */
#respond,
.comment-respond {
    background: linear-gradient(145deg, #ffffff, #f8fafc) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 35px !important;
    position: relative !important;
    overflow: visible !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

/* Gradient-Streifen oben */
#respond::before,
.comment-respond::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #3182ce, #63b3ed, #3182ce) !important;
    width: 100% !important;
    display: block !important;
}

/* === ÜBERSCHRIFT === */
#respond #reply-title,
#respond .comment-reply-title,
.comment-respond .comment-reply-title {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    border: none !important;
    background: none !important;
    width: 100% !important;
}

/* Icon vor der Überschrift */
#respond #reply-title::before,
#respond .comment-reply-title::before,
.comment-respond .comment-reply-title::before {
    content: 'f4ad' !important;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    background: linear-gradient(135deg, #ebf8ff, #bee3f8) !important;
    border-radius: 12px !important;
    color: #2b6cb0 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

/* === COMMENT FORM === */
#respond .comment-form,
.comment-respond .comment-form {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

/* ENTFERNE alle störenden ::before und ::after */
#respond .comment-form::before,
#respond .comment-form::after,
#respond .comment-form-comment::before,
#respond .comment-form-comment::after {
    display: none !important;
    content: none !important;
}

/* === LOGGED IN AS - USER INFO BOX === */
#respond .logged-in-as,
.comment-respond .logged-in-as,
.comment-form .logged-in-as {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    background: #f7fafc !important;
    border-radius: 12px !important;
    margin: 0 0 20px 0 !important;
    font-size: 14px !important;
    color: #4a5568 !important;
    border: 1px solid #edf2f7 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-wrap: wrap !important;
}

/* Avatar-Kreis für User */
#respond .logged-in-as::before,
.comment-respond .logged-in-as::before {
    content: '' !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    background: linear-gradient(135deg, #4299e1, #3182ce) !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: block !important;
}

#respond .logged-in-as a,
.comment-respond .logged-in-as a {
    color: #3182ce !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

#respond .logged-in-as a:hover,
.comment-respond .logged-in-as a:hover {
    color: #2c5282 !important;
    text-decoration: underline !important;
}

/* === COMMENT NOTES - verstecken === */
#respond .comment-notes,
.comment-respond .comment-notes,
#respond p.comment-notes {
    display: none !important;
}

/* ============================================
   INPUT FELDER MIT LABELS (Name, E-Mail, Website)
   ============================================ */

/* Alle Form-Paragraphen */
#respond .comment-form p {
    margin-bottom: 18px !important;
}

/* === LABELS FÜR ALLE FELDER === */
#respond .comment-form label,
.comment-respond .comment-form label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    margin-bottom: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    height: auto !important;
    width: auto !important;
    clip: auto !important;
}

/* Name Feld Label */
#respond .comment-form-author label,
#respond label[for="author"] {
    display: block !important;
    visibility: visible !important;
}

/* E-Mail Feld Label */
#respond .comment-form-email label,
#respond label[for="email"] {
    display: block !important;
    visibility: visible !important;
}

/* Website Feld Label */
#respond .comment-form-url label,
#respond label[for="url"] {
    display: block !important;
    visibility: visible !important;
}

/* Kommentar Feld Label */
#respond .comment-form-comment label,
#respond label[for="comment"] {
    display: block !important;
    visibility: visible !important;
}

/* === INPUT FELDER STYLING === */
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond input#author,
#respond input#email,
#respond input#url,
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-family: inherit !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    color: #2d3748 !important;
    box-sizing: border-box !important;
    display: block !important;
}

#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus {
    outline: none !important;
    border-color: #4299e1 !important;
    box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.15) !important;
}

#respond input::placeholder {
    color: #a0aec0 !important;
}

/* === TEXTAREA === */
#respond #comment,
#respond textarea#comment,
.comment-respond textarea#comment {
    width: 100% !important;
    min-height: 150px !important;
    padding: 18px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-family: inherit !important;
    resize: vertical !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    color: #2d3748 !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
    display: block !important;
}

#respond #comment:focus,
#respond textarea#comment:focus {
    outline: none !important;
    border-color: #4299e1 !important;
    box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.15) !important;
    background: #ffffff !important;
}

#respond #comment::placeholder,
#respond textarea::placeholder {
    color: #a0aec0 !important;
}

/* === PFLICHTFELD STERN === */
#respond .required,
.comment-respond .required {
    color: #e53e3e !important;
}

/* === FORM SUBMIT BEREICH === */
#respond .form-submit,
.comment-respond .form-submit,
#respond p.form-submit {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid #edf2f7 !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
}

/* Pflichtfeld-Hinweis im Footer */
#respond .form-submit::before,
.comment-respond .form-submit::before {
    content: '* Erforderliche Felder sind markiert' !important;
    font-size: 13px !important;
    color: #718096 !important;
    order: 1 !important;
    display: block !important;
}

/* === ABSENDEN BUTTON === */
#respond #submit,
#respond input[type="submit"],
.comment-respond input[type="submit"],
#respond .form-submit input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 28px !important;
    background: linear-gradient(135deg, #3182ce, #2b6cb0) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(49, 130, 206, 0.3) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    order: 2 !important;
    min-width: auto !important;
    height: auto !important;
    line-height: normal !important;
}

#respond #submit:hover,
#respond input[type="submit"]:hover {
    background: linear-gradient(135deg, #2b6cb0, #2c5282) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(49, 130, 206, 0.4) !important;
}

/* === COOKIE CHECKBOX === */
#respond .comment-form-cookies-consent,
.comment-respond .comment-form-cookies-consent {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 20px 0 !important;
    padding: 15px !important;
    background: #f7fafc !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    color: #4a5568 !important;
    border: 1px solid #edf2f7 !important;
}

#respond .comment-form-cookies-consent input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-top: 2px !important;
    accent-color: #3182ce !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* === CANCEL REPLY LINK === */
#respond #cancel-comment-reply-link,
#respond .comment-reply-title small,
#respond .comment-reply-title small a {
    font-size: 13px !important;
    color: #718096 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

#respond #cancel-comment-reply-link:hover,
#respond .comment-reply-title small a:hover {
    color: #e53e3e !important;
}

/* ============================================
   KOMMENTARLISTE - STYLING & ABSTÄNDE
   ============================================ */

/* Überschrift "Kommentare zu..." */
.comments-title,
#comments-title,
.comments-area > h2,
#comments > h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin: 40px 0 20px 0 !important;
    padding: 0 !important;
}

/* Kommentarliste Container */
.comment-list,
ol.comment-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Einzelner Kommentar */
.comment-list > li,
.comment-list > .comment,
ol.comment-list > li {
    margin-bottom: 15px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Kommentar-Body */
.comment-list .comment-body,
.comment-body {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 3px solid #3182ce !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 0 !important;
}

/* Kommentar-Autor */
.comment-author,
.comment-list .comment-author {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

.comment-author .fn,
.comment-author .fn a {
    font-weight: 600 !important;
    color: #3182ce !important;
    text-decoration: none !important;
}

.comment-author .says {
    color: #718096 !important;
    font-weight: 400 !important;
}

/* Avatar im Kommentar */
.comment-author .avatar,
.comment-list .avatar {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}

/* Kommentar Metadaten (Datum) */
.comment-metadata,
.comment-meta {
    font-size: 12px !important;
    color: #a0aec0 !important;
    margin-bottom: 10px !important;
}

.comment-metadata a,
.comment-meta a {
    color: #a0aec0 !important;
    text-decoration: none !important;
}

/* Kommentar-Inhalt */
.comment-content,
.comment-list .comment-content {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #4a5568 !important;
    margin-bottom: 12px !important;
}

.comment-content p {
    margin: 0 0 10px 0 !important;
}

.comment-content p:last-child {
    margin-bottom: 0 !important;
}

/* Antworten-Link */
.comment-reply-link,
.reply a {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #3182ce !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease !important;
}

.comment-reply-link:hover,
.reply a:hover {
    color: #2c5282 !important;
    text-decoration: underline !important;
}

/* Verschachtelte Antworten (Replies) */
.comment-list .children,
ol.comment-list .children {
    list-style: none !important;
    margin: 15px 0 0 25px !important;
    padding: 0 !important;
    border-left: 2px solid #e2e8f0 !important;
    padding-left: 20px !important;
}

.comment-list .children > li {
    margin-bottom: 15px !important;
}

.comment-list .children > li:last-child {
    margin-bottom: 0 !important;
}

/* Moderations-Hinweis */
.comment-awaiting-moderation,
.comment-list .comment-awaiting-moderation {
    background: #fffbeb !important;
    border: 1px solid #fbbf24 !important;
    border-radius: 6px !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    color: #92400e !important;
    font-style: italic !important;
    margin-bottom: 15px !important;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
@media (max-width: 768px) {
    #respond,
    .comment-respond {
        padding: 25px 20px !important;
        border-radius: 12px !important;
        margin: 20px 0 30px 0 !important;
    }
    
    #respond #reply-title,
    #respond .comment-reply-title {
        font-size: 18px !important;
        flex-wrap: wrap !important;
    }
    
    #respond #reply-title::before,
    #respond .comment-reply-title::before {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        font-size: 18px !important;
    }
    
    #respond .form-submit,
    .comment-respond .form-submit {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    #respond .form-submit::before {
        text-align: center !important;
        order: 2 !important;
    }
    
    #respond #submit,
    #respond .form-submit input[type="submit"] {
        width: 100% !important;
        order: 1 !important;
    }
    
    #respond .logged-in-as {
        justify-content: center !important;
        text-align: center !important;
    }
    
    .comment-list .children {
        margin-left: 15px !important;
        padding-left: 15px !important;
    }
    
    .comment-body {
        padding: 15px !important;
    }
}

@media (max-width: 480px) {
    #respond,
    .comment-respond {
        padding: 20px 15px !important;
    }
    
    #respond #comment,
    #respond textarea {
        min-height: 120px !important;
        padding: 14px !important;
    }
    
    #respond #reply-title::before,
    #respond .comment-reply-title::before {
        display: none !important;
    }
    
    .comment-list .children {
        margin-left: 10px !important;
        padding-left: 10px !important;
    }
}

 * 
 * 
</style>
<style>
		
		</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head>

<body class="wp-singular page-template-default page page-id-280179 wp-theme-woodmart wp-child-theme-woodmart-child ratgeber-page ratgeber-redesign-v1 wrapper-custom  categories-accordion-on woodmart-ajax-shop-on wpb-js-composer js-comp-ver-8.6.1 vc_responsive">
			<script type="text/javascript" id="wd-flicker-fix">// Flicker fix.</script>
		<div class="wd-skip-links">
								<a href="#menu-main-menu-tv" class="wd-skip-navigation btn">
						Skip to navigation					</a>
								<a href="#main-content" class="wd-skip-content btn">
				Skip to main content			</a>
		</div>
			
	
	<div class="wd-page-wrapper website-wrapper">
									<header class="whb-header whb-header_428896 whb-full-width whb-sticky-shadow whb-scroll-slide whb-sticky-real">
								<link rel="stylesheet" id="wd-header-base-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/header-base.min.css?ver=8.3.9" type="text/css" media="all" /> 						<link rel="stylesheet" id="wd-mod-tools-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/mod-tools.min.css?ver=8.3.9" type="text/css" media="all" /> 			<div class="whb-main-header">
	
<div class="whb-row whb-top-bar whb-sticky-row whb-with-bg whb-border-fullwidth whb-color-dark whb-hidden-desktop whb-hidden-mobile whb-flex-equal-sides">
	<div class="container">
		<div class="whb-flex-row whb-top-bar-inner">
			<div class="whb-column whb-col-left whb-column5 whb-visible-lg whb-empty-column">
	</div>
<div class="whb-column whb-col-center whb-column6 whb-visible-lg">
				<link rel="stylesheet" id="wd-header-elements-base-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/header-el-base.min.css?ver=8.3.9" type="text/css" media="all" /> 						<link rel="stylesheet" id="wd-info-box-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/el-info-box.min.css?ver=8.3.9" type="text/css" media="all" /> 						<div class="info-box-wrapper  whb-p4u04cs9pb5r482bwbha">
				<div id="wd-6a5574ff2ce0c" class=" wd-info-box text-left box-icon-align-top box-style-base color-scheme- wd-bg-none ">
											<div class="box-icon-wrapper  box-with-icon box-icon-simple">
							<div class="info-box-icon">

							
																	<img width="1491" height="198" src="https://test-vergleiche.com/wp-content/uploads/2024/10/Amazon-Prime-Deals-2024.webp" class="attachment-full size-full" alt="Amazon-Prime-Deals-2024" decoding="async" />															
							</div>
						</div>
										<div class="info-box-content">
												<div class="info-box-inner reset-last-child"></div>

											</div>

											<a rel="nofollow noopener" class="wd-info-box-link wd-fill" aria-label="Infobox link" href="https://www.amazon.de/?tag=wwwturoysde-21" title="" target="_blank"></a>
					
									</div>
			</div>
		</div>
<div class="whb-column whb-col-right whb-column7 whb-visible-lg whb-empty-column">
	</div>
<div class="whb-column whb-col-mobile whb-column_mobile1 whb-hidden-lg">
				<div class="info-box-wrapper  whb-j7f8m0n59b7iq63tlzmx">
				<div id="wd-6a5574ff2cfac" class=" wd-info-box text-left box-icon-align-top box-style-base color-scheme- wd-bg-none ">
											<div class="box-icon-wrapper  box-with-icon box-icon-simple">
							<div class="info-box-icon">

							
																	<img width="1491" height="198" src="https://test-vergleiche.com/wp-content/uploads/2024/10/Amazon-Prime-Deals-2024.webp" class="attachment-full size-full" alt="Amazon-Prime-Deals-2024" decoding="async" />															
							</div>
						</div>
										<div class="info-box-content">
												<div class="info-box-inner reset-last-child"></div>

											</div>

											<a rel="nofollow noopener" class="wd-info-box-link wd-fill" aria-label="Infobox link" href="https://www.amazon.de/?tag=wwwturoysde-21" title=""></a>
					
									</div>
			</div>
		</div>
		</div>
	</div>
</div>

<div class="whb-row whb-general-header whb-sticky-row whb-with-bg whb-border-fullwidth whb-color-light whb-with-shadow whb-flex-flex-middle">
	<div class="container">
		<div class="whb-flex-row whb-general-header-inner">
			<div class="whb-column whb-col-left whb-column8 whb-visible-lg">
	<div class="site-logo whb-gs8bcnxektjsro21n657 wd-switch-logo">
	<a href="https://test-vergleiche.com/" class="wd-logo wd-main-logo" rel="home" aria-label="Site logo">
		<img src="https://test-vergleiche.com/wp-content/uploads/2023/12/test-vergleiche-com-logo.webp" alt="Test-Vergleiche.com die besten Artikel im Vergleich" style="max-width: 180px;" loading="lazy" />	</a>
					<a href="https://test-vergleiche.com/" class="wd-logo wd-sticky-logo" rel="home">
			<img src="https://test-vergleiche.com/wp-content/uploads/2023/12/test-vergleiche-com-logo.webp" alt="Test-Vergleiche.com die besten Artikel im Vergleich" style="max-width: 150px;" />		</a>
	</div>
</div>
<div class="whb-column whb-col-center whb-column9 whb-visible-lg">
				<link rel="stylesheet" id="wd-header-search-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/header-el-search.min.css?ver=8.3.9" type="text/css" media="all" /> 						<link rel="stylesheet" id="wd-header-search-form-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/header-el-search-form.min.css?ver=8.3.9" type="text/css" media="all" /> 						<link rel="stylesheet" id="wd-wd-search-form-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/wd-search-form.min.css?ver=8.3.9" type="text/css" media="all" /> 						<link rel="stylesheet" id="wd-wd-search-results-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/wd-search-results.min.css?ver=8.3.9" type="text/css" media="all" /> 						<link rel="stylesheet" id="wd-wd-search-dropdown-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/wd-search-dropdown.min.css?ver=8.3.9" type="text/css" media="all" /> 			<div class="wd-search-form  wd-header-search-form wd-display-form whb-c0hn0x77w1wmfexv5cms">

<form role="search" method="get" class="searchform  wd-style-with-bg-2 woodmart-ajax-search" action="https://test-vergleiche.com/"  data-thumbnail="1" data-price="1" data-post_type="any" data-count="7" data-sku="0" data-symbols_count="9999" data-include_cat_search="no" autocomplete="off">
	<input type="text" class="s" placeholder="Suche" value="" name="s" aria-label="Search" title="Suche" required/>
	<input type="hidden" name="post_type" value="any">

	<span tabindex="0" aria-label="Clear search" class="wd-clear-search wd-role-btn wd-hide"></span>

	
	<button type="submit" class="searchsubmit">
		<span>
			Search		</span>
			</button>
</form>

	<div class="wd-search-results-wrapper">
		<div class="wd-search-results wd-dropdown-results wd-dropdown wd-scroll">
			<div class="wd-scroll-content">
				
				
							</div>
		</div>
	</div>

</div>
     <script>
        jQuery( document ).ready(function($) {
            let url = 'https://test-vergleiche.com/wp-json/bts/v2/search';
            let searchFieldSelector = '.searchform .s';
            $(searchFieldSelector).attr('autocomplete','off');
            let results      = $('.search-results-wrapper').find('.wd-dropdown-results > .wd-scroll-content');
            let ajaxCall = null;
            let foundResults = false;
            let keyword = '';
            $(searchFieldSelector).on('keyup touchend', function () {
                if ($(searchFieldSelector).val().length>=3) {
                    if ($(searchFieldSelector).val()==keyword) return ;
                    keyword = $(searchFieldSelector).val();
                    let returnValue = '';
                    results.empty();
                    if (ajaxCall) {
                        ajaxCall.abort();
                    }
                    ajaxCall = $.getJSON(url+'/'+keyword+'/');
                    $.when(
                        ajaxCall
                    ).then( response => {
                                if (response.length) foundResults = true;
                                if (foundResults) {
                                    returnValue += '<div class="autocomplete-suggestions">';
                                }
                                if (response.length) {
                                    $.each(response[0], function (title,posts) {
                                        returnValue += '<div class="autocomplete-suggestion suggestion-divider">' +
                                            '               <h5 class="suggestion-divider-title">' + title + '</h5>' +
                                            '</div>';
                                        $.each(posts, function (i,e) {
                                            returnValue += '<div class="autocomplete-suggestion" data-href="'+e.link+'">';
                                            if (e.image) {
                                                returnValue += ' <div class="suggestion-thumb">' + e.image + '</div>';
                                            }
                                            returnValue += ' <div class="suggestion-content set-cont-mb-s reset-last-child">';
                                            returnValue += '<h4 class="wd-entities-title">' + e.title + '</h4>';
                                            if (e.price) {
                                                returnValue += ' <p class="price">' + e.price + '</p>';
                                            }
                                            if (e.products) {
                                                returnValue += ' <p class="products-count">' + e.products + '</p>';
                                            }
                                            returnValue += ' </div>';
                                            returnValue += '</div>';
                                        });
                                    });
                                }
                                if (foundResults) {
                                    returnValue += '</div>';
                                }
                                results.parent().addClass('wd-opened');
                                results.append(returnValue);

                                $('.autocomplete-suggestion').on('click', function () {
                                    if ($(this).attr('data-href')) {
                                        window.location.href = $(this).attr('data-href');
                                    }
                                });

                        }, () => {
                            //console.log("unexpected error");
                        }
                    );
                }
            });

            $(document).on('click', function(e) {
                var target = e.target;

                if (!$(target).is('.wd-search-form') && !$(target).parents().is('.wd-search-form')) {
                    results.empty();
                }
            });

        });
    </script>
</div>
<div class="whb-column whb-col-right whb-column10 whb-visible-lg">
				<link rel="stylesheet" id="wd-header-fullscreen-menu-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/header-el-fullscreen-menu.min.css?ver=8.3.9" type="text/css" media="all" /> 					<div class="wd-tools-element wd-header-fs-nav wd-design-6 wd-style-icon whb-6kgdkbvf12frej4dofvj">
			<a href="#" rel="nofollow noopener">
				
					<span class="wd-tools-icon">
											</span>

					<span class="wd-tools-text">Menu</span>

							</a>
		</div>
	
<div class="whb-space-element whb-aoblvt2bslk1j82dfg6w " style="width:10px;"></div>
</div>
<div class="whb-column whb-mobile-left whb-column_mobile2 whb-hidden-lg">
				<link rel="stylesheet" id="wd-header-mobile-nav-dropdown-css" href="https://test-vergleiche.com/wp-content/themes/woodmart/css/parts/header-el-mobile-nav-dropdown.min.css?ver=8.3.9" type="text/css" media="all" /> 			<div class="wd-tools-element wd-header-mobile-nav wd-style-text wd-design-6 whb-g1k0m1tib7raxrwkm1t3">
	<a href="#" rel="nofollow" aria-label="Open mobile menu">
		
		<span class="wd-tools-icon">
					</span>

		<span class="wd-tools-text">Menu</span>

			</a>
</div></div>
<div class="whb-column whb-mobile-center whb-column_mobile3 whb-hidden-lg">
	<div class="site-logo whb-lt7vdqgaccmapftzurvt wd-switch-logo">
	<a href="https://test-vergleiche.com/" class="wd-logo wd-main-logo" rel="home" aria-label="Site logo">
		<img src="https://test-vergleiche.com/wp-content/uploads/2023/12/test-vergleiche-com-logo.webp" alt="Test-Vergleiche.com die besten Artikel im Vergleich" style="max-width: 179px;" loading="lazy" />	</a>
					<a href="https://test-vergleiche.com/" class="wd-logo wd-sticky-logo" rel="home">
			<img src="https://test-vergleiche.com/wp-content/uploads/2023/12/test-vergleiche-com-logo.webp" alt="Test-Vergleiche.com die besten Artikel im Vergleich" style="max-width: 179px;" />		</a>
	</div>
</div>
<div class="whb-column whb-mobile-right whb-column_mobile4 whb-hidden-lg whb-empty-column">
	</div>
		</div>
	</div>
</div>

<div class="whb-row whb-header-bottom whb-not-sticky-row whb-with-bg whb-border-fullwidth whb-color-dark whb-hidden-desktop whb-with-shadow whb-flex-flex-middle">
	<div class="container">
		<div class="whb-flex-row whb-header-bottom-inner">
			<div class="whb-column whb-col-left whb-column11 whb-visible-lg whb-empty-column">
	</div>
<div class="whb-column whb-col-center whb-column12 whb-visible-lg whb-empty-column">
	</div>
<div class="whb-column whb-col-right whb-column13 whb-visible-lg whb-empty-column">
	</div>
<div class="whb-column whb-col-mobile whb-column_mobile5 whb-hidden-lg">
	<div class="wd-search-form  wd-header-search-form-mobile wd-display-form whb-i33s6dsagyg1honntic9">

<form role="search" method="get" class="searchform  wd-style-with-bg woodmart-ajax-search" action="https://test-vergleiche.com/"  data-thumbnail="1" data-price="1" data-post_type="product" data-count="20" data-sku="0" data-symbols_count="9999" data-include_cat_search="no" autocomplete="off">
	<input type="text" class="s" placeholder="Wonach suchen Sie?" value="" name="s" aria-label="Search" title="Wonach suchen Sie?" required/>
	<input type="hidden" name="post_type" value="product">

	<span tabindex="0" aria-label="Clear search" class="wd-clear-search wd-role-btn wd-hide"></span>

	
	<button type="submit" class="searchsubmit">
		<span>
			Search		</span>
			</button>
</form>

	<div class="wd-search-results-wrapper">
		<div class="wd-search-results wd-dropdown-results wd-dropdown wd-scroll">
			<div class="wd-scroll-content">
				
				
							</div>
		</div>
	</div>

</div>
</div>
		</div>
	</div>
</div>
</div>
				</header>
			                        <div id="breadcrumbs-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                                                    </div>
                    </div>
                </div>
            </div>
            								<div class="wd-page-content main-page-wrapper">
		
		
		<main id="main-content" class="wd-content-layout content-layout-wrapper container" role="main">
				

<div class="site-content wd-content-area" role="main">

<nav aria-label="breadcrumbs" class="rank-math-breadcrumb"><p><a href="https://test-vergleiche.com">Tests, Vergleiche &amp; Testsieger</a><span class="separator"> &raquo; </span><span class="last">3D-Maskenhalterung</span></p></nav>


				
                                                        <div class="row">
                    <div class="col-12">
                        <h1 class="comparison-page-title">3D-Maskenhalterung 2026 : Test &#038; Vergleich &#8211; Unsere Top-Empfehlungen</h1>
                        <h2 class="comparison-page-subtitle">Die besten 3D-Maskenhalterung im Vergleich: Innovationen, die Ihr Leben verändern werden</h2>                    </div>
                </div>
                                                <div class="row comparison-introduction-wrapper">
                    <div class="col-12">
                                                                    <div class="row">
                        <div class="col-12 col-lg-9 text-justify mb-3 comparison-introduction">
                            <div>
<h2>3D-Maskenhalterung: Mehr Komfort und bessere Passform für Ihre Maske</h2> <p>Die 3D-Maskenhalterung stellt eine innovative Lösung dar, um das Tragen von Gesichtsmasken angenehmer zu gestalten. Mit ihrer speziellen Form sorgt sie dafür, dass die Maske besser sitzt und gleichzeitig mehr Raum für die Atmung bietet. Zu den wichtigsten Vorteilen zählen die Verbesserung des Tragekomforts und die Reduzierung des Beschlagens von Brillen. Welche Materialien sind am besten geeignet? Für wen ist eine 3D-Maskenhalterung besonders sinnvoll? In diesem Artikel werden diese Fragen beantwortet und nützliche Informationen zu den verschiedenen Varianten und deren Anwendung bereitgestellt.</p>
</div>                        </div>
                    </div>
                                                                    </div>
                </div>
                <button class="intro-toggle-btn" aria-expanded="false">▼ Mehr anzeigen</button>
                                <div class="row mt-5  comparison-related-pages">
                    <div class="col-12">
                            <div class="row row-cols-2 row-cols-md-3 row-cols-lg-6">
            <div class="col mb-5">
            <div class="text-truncate related-pages">
                <a href="https://test-vergleiche.com/beste-gehoerschutz-bluetooth-testsieger/"><img width="300" height="300" src="https://test-vergleiche.com/wp-content/uploads/2024/03/gehoerschutz-bluetooth-prohear-033-upgraded-gehoerschutz-300x300.webp" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Gehörschutz (Bluetooth)" decoding="async" fetchpriority="high" /><span class="related-pages-title">Gehörschutz (Bluetooth)</span></a>
            </div>
        </div>
            <div class="col mb-5">
            <div class="text-truncate related-pages">
                <a href="https://test-vergleiche.com/schild-hygieneregeln/"><img width="300" height="300" src="https://test-vergleiche.com/wp-content/uploads/2024/01/schild-hygieneregeln-displayhersteller-warn-hinweis-schild-300x300.webp" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Schild Hygieneregeln" decoding="async" /><span class="related-pages-title">Schild Hygieneregeln</span></a>
            </div>
        </div>
            <div class="col mb-5">
            <div class="text-truncate related-pages">
                <a href="https://test-vergleiche.com/abstand-halten-aufsteller-test-angebot/"><img width="300" height="300" src="https://test-vergleiche.com/wp-content/uploads/2025/08/abstand-halten-aufsteller-durable-bodenstaender-duraview-stand-300x300.webp" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Abstand-halten-Aufsteller" decoding="async" /><span class="related-pages-title">Abstand-halten-Aufsteller</span></a>
            </div>
        </div>
            <div class="col mb-5">
            <div class="text-truncate related-pages">
                <a href="https://test-vergleiche.com/baumwollhandschuhe-beste/"><img width="300" height="300" src="https://test-vergleiche.com/wp-content/uploads/2026/01/317YLYscNL._SL500_-300x300.webp" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Baumwollhandschuhe" decoding="async" loading="lazy" /><span class="related-pages-title">Baumwollhandschuhe</span></a>
            </div>
        </div>
            <div class="col mb-5">
            <div class="text-truncate related-pages">
                <a href="https://test-vergleiche.com/arbeitshandschuhe-test/"><img width="300" height="300" src="https://test-vergleiche.com/wp-content/uploads/2024/01/arbeitshandschuhe-schmitz-tools-montagehandschuhe-profi-300x300.webp" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Arbeitshandschuhe" decoding="async" loading="lazy" /><span class="related-pages-title">Arbeitshandschuhe</span></a>
            </div>
        </div>
            <div class="col mb-5">
            <div class="text-truncate related-pages">
                <a href="https://test-vergleiche.com/lupos-sicherheitsschuhe-test/"><img width="300" height="300" src="https://test-vergleiche.com/wp-content/uploads/2026/01/41dvWcshvML._SL500_-300x300.webp" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Lupos-Sicherheitsschuhe" decoding="async" loading="lazy" /><span class="related-pages-title">Lupos-Sicherheitsschuhe</span></a>
            </div>
        </div>
        </div>
    <style>
        .related-pages {
            border: 1px solid #DDEFEF;
            border-radius: 5px;
            line-height: 45px;
        }
        .related-pages a {
            display: block;
        }
        .related-pages img {
            display: block;
            max-width: 75%;
            width: auto;
            margin: 10px auto;
        }
        .related-pages-title {
            display: block;
            text-align: center;
            font-weight: bold;
        }
        </style>
                        </div>
                </div>
                <div class="row">
                    <div class="col-12">
                            <style>
    /* Font Awesome Icons Farben - WICHTIG! */
    .color-green {
        color: #10b981 !important;
    }
    
    .color-red {
        color: #ef4444 !important;
    }
    
    .text-center {
        text-align: center !important;
    }
    
    .fa-lg {
        font-size: 1.33333em !important;
        line-height: 0.75em !important;
        vertical-align: -0.0667em !important;
    }

    /* Basis Styles */
    .mct-wrapper {
        position: relative;
        margin: 20px 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    /* Header mit Datum und Counter */
    .mct-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        padding: 10px 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .mct-info {
        display: flex;
        gap: 20px;
        align-items: center;
        font-size: 13px;
        color: #666;
    }

    .mct-updated {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .mct-counter {
        font-weight: 600;
        font-size: 16px    }

    /* Controls */
    .mct-controls {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
    }

    /* Scroll Buttons */
    .mct-scroll-controls {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .mct-scroll-btn {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: white;
        border: 2px solid #333;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        color: #333;
        font-size: 20px;
        font-weight: bold;
    }

    .mct-scroll-btn:hover:not(:disabled) {
        background: #f5f5f5;
        transform: scale(1.1);
    }

    .mct-scroll-btn:disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .mct-sort {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mct-sort label {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        text-transform: uppercase;
    }

    .mct-sort select {
        padding: 8px 12px;
        font-size: 14px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: white;
        min-width: 150px;
    }

    /* Scroll Container */
    .mct-scroll-container {
        position: relative;
    }

    /* Scroll Wrapper */
    .mct-scroll-wrapper {
        overflow-x: auto;
        overflow-y: visible;
        scroll-behavior: smooth;
        scrollbar-width: thin;
        scrollbar-color: #cbd5e0 #f1f5f9;
    }

    .mct-scroll-wrapper::-webkit-scrollbar {
        height: 8px;
    }

    .mct-scroll-wrapper::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 4px;
    }

    .mct-scroll-wrapper::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border-radius: 4px;
    }

    /* Tabelle */
    .mct-table {
        display: table;
        width: fit-content;
        min-width: 100%;
        background: white;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

    .mct-row {
        display: table-row;
        transition: background 0.3s ease;
    }

    .mct-row:nth-child(even) {
        background: #f9fafb;
    }

    .mct-row:hover {
        background: #f3f4f6;
    }

    /* Zellen */
    .mct-cell {
        display: table-cell;
        padding: 12px;
        vertical-align: middle;
        border-right: 1px solid #e5e7eb;
        text-align: center;
    }

    .mct-cell:last-child {
        border-right: none;
    }

    /* Label Spalte */
    .mct-label {
        width: 200px;
        min-width: 200px;
        font-size: 12px !important;
        text-transform: none !important;
        font-weight: 600;
        background: #f9fafb;
        border-right: 2px solid #e5e7eb;
        position: sticky;
        left: 0;
        z-index: 10;
        word-wrap: break-word;
        white-space: normal;
        text-align: left;
    }

    /* Produkt Spalten */
    .mct-product {
        width: 180px;
        min-width: 180px;
        text-align: center;
    }
.mct-cell.mct-product { font-size: 14px; }

    /* Produktbild */
    .mct-product-image {
        position: relative;
        display: inline-block;
        max-width: 120px;
        margin: 0 auto;
    }

    .mct-product-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        max-height: 120px;
        transition: transform 0.3s ease;
    }

    .mct-product-image a:hover img {
        transform: scale(1.05);
    }

    /* Awards/Siegel */
    .mct-award {
        position: absolute;
        top: -5px;
        left: -5px;
        padding: 4px 8px;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 4px;
        z-index: 1;
        color: white;
        text-decoration: none;
        transition: transform 0.2s ease;
        white-space: nowrap;
    }

    .mct-award:hover {
        transform: scale(1.05);
        color: white;
    }

    .award-best {
        background: linear-gradient(135deg, #ffd700, #ffed4e);
        color: #333 !important;
    }

    .award-price {
        background: linear-gradient(135deg, #ff6b6b, #ff8787);
    }

    .award-top {
        background: linear-gradient(135deg, #4ecdc4, #44a8a0);
    }

    .award-good {
        background: linear-gradient(135deg, #6b7280, #9ca3af);
    }

    /* Modell */
    .mct-model-wrapper {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .mct-model {
        font-size: 13px;
        font-weight: 500;
        color: #333;
        line-height: 1.4;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .mct-model:hover {
        color: #2563eb;
    }

    .mct-detail-link {
        font-size: 11px;
        color: #2563eb;
        text-decoration: none;
        transition: opacity 0.3s ease;
    }

    .mct-detail-link:hover {
        opacity: 0.7;
    }

    /* Marke */
    .mct-brand {
        font-size: 14px;
        font-weight: 600;
        color: #666;
    }


    /* Sticky Products Header */
    .mct-sticky-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background: #fff;
        box-shadow: 0 4px 16px rgba(0,0,0,0.12);
        display: none;
        border-bottom: 2px solid #e5e7eb;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .admin-bar .mct-sticky-header {
        top: 32px;
    }
    .mct-sticky-header.active {
        display: block;
    }
    .mct-sticky-products {
        display: flex;
        overflow: hidden;
        flex: 1;
    }
    .mct-sticky-item {
        text-align: center;
        padding: 8px 6px;
        border-right: 1px solid #e5e7eb;
        flex-shrink: 0;
        background: #fff;
    }
    a.mct-sticky-item {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }
    a.mct-sticky-item:hover {
        background: #f0f7ff;
    }
    .mct-sticky-item .mct-award {
        position: static;
        display: inline-block;
        font-size: 8px;
        padding: 2px 5px;
        margin-top: 2px;
        margin-bottom: 2px;
        white-space: nowrap;
        border-radius: 3px;
    }
    .mct-sticky-item img {
        height: 50px;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }
    .mct-sticky-item .sticky-name {
        font-size: 11px;
        font-weight: 600;
        color: #333;
        margin-top: 3px;
        line-height: 1.2;
        max-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* Mobile Sticky */
    @media (max-width: 767px) {
        .admin-bar .mct-sticky-header {
            top: 46px;
        }
        .mct-sticky-item {
            padding: 5px 3px;
        }
        .mct-sticky-item img {
            height: 35px;
        }
        .mct-sticky-item .sticky-name {
            font-size: 9px;
            max-height: 22px;
            margin-top: 2px;
        }
        .mct-sticky-item .mct-award {
            font-size: 7px;
            padding: 1px 4px;
        }
    }

    /* Tablet Sticky */
    @media (min-width: 768px) and (max-width: 1024px) {
        .mct-sticky-item img {
            height: 40px;
        }
        .mct-sticky-item .sticky-name {
            font-size: 10px;
        }
    }

        /* Blauer Amazon-Button */
    .mct-blue-button {
        text-align: center;
        padding: 5px;
    }
    .mct-btn-blue {
        display: inline-block;
        background: #2563eb;
        color: #fff !important;
        padding: 10px 24px;
        border-radius: 6px;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none;
        transition: background 0.3s ease;
        white-space: nowrap;
    }
    .mct-btn-blue:hover {
        background: #1d4ed8;
        color: #fff !important;
    }

    /* Amazon Prime Day Logo unter der Note */
    .mct-primeday-logo { display:block; text-align:center; margin:10px auto 0; line-height:0; cursor:pointer; }
    .mct-primeday-logo img { display:inline-block; width:90px; max-width:92%; height:auto; border-radius:4px; box-shadow:0 1px 4px rgba(0,20,73,.18); transition:transform .18s ease, box-shadow .18s ease; }
    .mct-primeday-logo:hover img { transform:translateY(-2px) scale(1.05); box-shadow:0 6px 16px rgba(0,20,73,.40); }
    .mct-primeday-logo:focus-visible img { outline:2px solid #2563eb; outline-offset:2px; }
    @media (max-width:600px) { .mct-primeday-logo { margin-top:8px; } .mct-primeday-logo img { width:90px; max-width:90%; } }

    /* Siegel-Link */
    .mct-note-link {
        text-decoration: none;
        color: inherit;
        display: block;
        cursor: pointer;
    }
    .mct-note-link:hover .mct-note-wrapper {
        border-color: #2563eb;
        box-shadow: 0 2px 8px rgba(37,99,235,0.15);
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    /* Note/Bewertung */
    .mct-note-wrapper {
        background: #fff;
        border: 2px solid #e5e7eb;
        border-radius: 8px;
        padding: 10px;
        text-align: center;
        min-height: 150px;
    }

    .note-label {
        font-size: 16px;
        font-weight: 700;
        color: #333;
        margin-bottom: 3px;
        line-height: 1.2;
    }

    .note-source {
        font-size: 8px;
        color: #666;
        margin-bottom: 8px;
    }

    .note-value {
        font-size: 28px;
        font-weight: 700;
        color: #333;
        margin: 8px 0;
    }

    .note-text {
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 8px;
    }

    .grade-very-good .note-text { color: #10b981; }
    .grade-good .note-text { color: #3b82f6; }
    .grade-satisfactory .note-text { color: #f59e0b; }
    .grade-sufficient .note-text { color: #ef4444; }

    .note-divider {
        height: 1px;
        background: #e5e7eb;
        margin: 8px 0;
    }

    .note-info {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .note-product {
        font-size: 10px;
        font-weight: 600;
        color: #333;
    }

    .note-date {
        font-size: 10px;
        color: #666;
    }

    /* Spezifische Werte */
    .mct-spec-value {
        font-size: 13px;
        color: #333;
    }

    /* Vorteile */
    .mct-advantages {
        text-align: left;
        font-size: 13px;
    }

    .advantage-item {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        margin-bottom: 4px;
        line-height: 1.4;
    }

    .check-icon {
        color: #10b981;
        font-size: 14px;
        font-weight: bold;
        flex-shrink: 0;
        margin-top: -2px;
    }

    .advantage-text {
        flex: 1;
    }

    /* Preis */
    .mct-price {
        font-size: 18px;
        font-weight: 700;
        color: #333;
        text-align: center;
    }

    /* Zum Angebot Button */
    .mct-offer-button {
        display: inline-block;
        padding: 12px 20px;
        background: #2563eb;
        color: white !important;
        text-decoration: none;
        border-radius: 6px;
        font-weight: 600;
        font-size: 14px;
        transition: all 0.3s ease;
        text-align: center;
        min-width: 120px;
    }

    .mct-offer-button:hover {
        background: #1d4ed8;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        color: white !important;
    }

    /* Partner Logo */
    .partner-logo {
        display: block;
        max-width: 80px;
        height: auto;
        margin: 10px auto 0;
    }

    /* Scroll Indicator */
    .mct-scroll-indicator {
        margin-top: 15px;
        height: 4px;
        background: #e5e7eb;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }

    .mct-scroll-thumb {
        position: absolute;
        height: 100%;
        background: #3b82f6;
        border-radius: 2px;
        width: var(--thumb-width, 50%);
        left: calc(var(--thumb-position, 0%) * (100% - var(--thumb-width, 50%)) / 100%);
        transition: left 0.3s ease;
    }

    /* Responsive für iPhone 12-15 */
    @media (max-width: 430px) {
        .mct-header {
            flex-direction: column;
            gap: 10px;
        }

        .mct-controls {
            flex-direction: column;
            width: 100%;
            gap: 10px;
        }

        .mct-scroll-controls {
            justify-content: center;
            width: 100%;
        }

        .mct-sort {
            width: 100%;
        }

        .mct-sort select {
            width: 100%;
        }

        .mct-label {
            display: none; /* Labels auf Mobile ausblenden */
        }

        .mct-product {
            width: calc(50vw - 20px); /* 2 Produkte nebeneinander */
            min-width: calc(50vw - 20px);
        }

        .mct-product-image {
            max-width: 100px;
        }

        .mct-model {
            font-size: 12px;
        }

        .mct-advantages {
            font-size: 11px;
        }

        .mct-price {
            font-size: 16px;
        }

        .mct-offer-button {
            padding: 10px 15px;
            font-size: 12px;
            min-width: 100px;
        }
    }

    /* Animations */
    .mct-table.sorting {
        opacity: 0.7;
        pointer-events: none;
    }

    .mct-table.sorted {
        animation: highlight 0.5s ease;
    }

    @keyframes highlight {
        0% { background: #fef3c7; }
        100% { background: transparent; }
    }

/* Shop-Links - Logo links, Preis rechts */
.mct-shop-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 5px 0;
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
}
.mct-shop-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    text-decoration: none !important;
    padding: 6px 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}
.mct-shop-link:hover {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transform: translateY(-1px);
    text-decoration: none !important;
}
.mct-shop-logo {
    height: auto;
    width: auto;
    max-width: 30%;
    max-height: 18px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 2px;
}
.mct-shop-price {
    font-size: 11px;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
    text-align: right;
}
.mct-stock { display: inline-flex; align-items: center; gap: 3px; font-size: 9px; color: #2e7d32; font-weight: 500; margin-left: 4px; white-space: nowrap; }
.mct-stock-dot { width: 6px; height: 6px; background: #4caf50; border-radius: 50%; display: inline-block; flex-shrink: 0; }
.mct-shop-name {
    font-size: 10px;
    font-weight: 600;
    color: #555;
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.mct-shop-link--ebay .mct-shop-price {
    color: #0064D2;
}
.mct-shop-link--otto .mct-shop-price {
    color: #e63812;
}
/* Offer-Zelle immer oben ausrichten */
.mct-row:last-child .mct-cell {
    vertical-align: top !important;
}
.mct-row:last-child .mct-cell.mct-product {
    padding-top: 10px;
}
/* Tablet */
@media (max-width: 992px) {
    .mct-shop-link {
        padding: 5px 8px;
        gap: 6px;
    }
    .mct-shop-logo {
        height: 16px;
        max-width: 55px;
    }
    .mct-shop-price {
        font-size: 10px;
    }
}
/* Mobile */
@media (max-width: 768px) {
    .mct-shop-links {
        gap: 4px;
    }
    .mct-shop-link {
        padding: 6px 8px;
        gap: 6px;
        flex-direction: column !important;
        align-items: center !important;
    }
    .mct-shop-logo {
        height: 9px !important;
        max-width: 30px !important;
        width: auto !important;
    }
    .mct-shop-price {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #111 !important;
    }
}
/* Small Mobile */
@media (max-width: 480px) {
    .mct-shop-link {
        padding: 5px 6px;
        flex-direction: column !important;
        align-items: center !important;
    }
    .mct-shop-logo {
        height: 8px !important;
        max-width: 25px !important;
        width: auto !important;
    }
    .mct-shop-price {
        font-size: 20px !important;
        font-weight: 800 !important;
        color: #111 !important;
    }
}
    </style>

    <div class="mct-wrapper">
        <!-- Header mit Infos -->
        <div class="mct-header">
            <div class="mct-info">
                <div class="mct-updated">
                    <span>📅</span> 
                    <span>Aktualisiert: 13.07.2026</span>
                </div>
                <div class="mct-counter">
                    1 – 2 von 2: 
                    Beste 3D-Maskenhalterung im Vergleich
                </div>
            </div>

            <!-- Controls -->
            <div class="mct-controls">
                <!-- Scroll Buttons -->
                <div class="mct-scroll-controls">
                    <button class="mct-scroll-btn scroll-left" disabled>‹</button>
                    <button class="mct-scroll-btn scroll-right">›</button>
                </div>
                
                <!-- Sortierung -->
                <div class="mct-sort">
                    <label for="mct-sort-36205">PRODUKTE FILTERN:</label>
                    <select id="mct-sort-36205">
                        <option value="">Standard (Empfehlung)</option>
                        <option value="grade-asc">Note aufsteigend</option>
                        <option value="grade-desc">Note absteigend</option>
                        <option value="price-asc">Preis aufsteigend</option>
                        <option value="price-desc">Preis absteigend</option>
                        <option value="brand-asc">Marke A-Z</option>
                        <option value="brand-desc">Marke Z-A</option>
                    </select>
                </div>
            </div>
        </div>

        <!-- Scroll Container -->
        <div class="mct-scroll-container">
            <!-- Scroll Wrapper -->
            <div class="mct-scroll-wrapper">
                <!-- Table -->
                <div class="mct-table">
                                            <div class="mct-row row-image">
                                                                                                <div class="mct-cell mct-label"></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="mct-product-image"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3N2NxRGNLdFZnY29HQWR6ZnRkZkgrdldCOTd0SEVwakRSVUJ4TkcrZVhPTkpYTTVQYVg3QnFJT1pycnpBcFV6d1o1SFNLKzBDV1d3eHRqMER5RkI3THM9" target="_blank" rel="nofollow noopener sponsored"><img src="https://m.media-amazon.com/images/I/41Q95zJdJCL._SL500_.jpg" alt="3D-Maskenhalterung Grip &#038; Bender Abstandshalter für Mundschutz (3 Stück)"/></a></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="mct-product-image"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3MHF4ZmQ2dTltSlVLNXBYMGR1bnRzdWtMZ2NEdmt5MnRZMG45OGVIbkF4ZWFCYWhVRVEzYXo4S3dLcXA4TmZ1Z1NjV0ZvbWg1eHFQSGE3aU95M1dIWnM9" target="_blank" rel="nofollow noopener sponsored"><img src="https://m.media-amazon.com/images/I/51dI6KUvIBL._SL500_.jpg" alt="3D Maskenhalterung Corrines 8 Stück für Lippenstift-Schutz"/></a></div></div>
                                                                                    </div>
                                            <div class="mct-row row-model">
                                                                                                <div class="mct-cell mct-label">Modell</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="mct-model-wrapper"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3N2NxRGNLdFZnY29HQWR6ZnRkZkgrdldCOTd0SEVwakRSVUJ4TkcrZVhPTkpYTTVQYVg3QnFJT1pycnpBcFV6d1o1SFNLKzBDV1d3eHRqMER5RkI3THM9" target="_blank" rel="nofollow noopener sponsored" class="mct-model">3D-Maskenhalterung Grip &#038; Bender Abstandshalter für Mundschutz (3 Stück)</a><a href="https://test-vergleiche.com/produkte/3d-maskenhalterung-gripbender-masken-abstandshalter-3-stueck-3d/" class="mct-detail-link">→ Details</a></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="mct-model-wrapper"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3MHF4ZmQ2dTltSlVLNXBYMGR1bnRzdWtMZ2NEdmt5MnRZMG45OGVIbkF4ZWFCYWhVRVEzYXo4S3dLcXA4TmZ1Z1NjV0ZvbWg1eHFQSGE3aU95M1dIWnM9" target="_blank" rel="nofollow noopener sponsored" class="mct-model">3D Maskenhalterung Corrines 8 Stück für Lippenstift-Schutz</a><a href="https://test-vergleiche.com/produkte/3d-maskenhalterung-corrines-8-stueck-lippenstift-schutz-staender/" class="mct-detail-link">→ Details</a></div></div>
                                                                                    </div>
                                            <div class="mct-row row-brand">
                                                                                                <div class="mct-cell mct-label">Marke</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><a href="https://test-vergleiche.com/marken/gripbender/" class="mct-brand">Grip&amp;Bender</a></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><a href="https://test-vergleiche.com/marken/corrines/" class="mct-brand">Corrines</a></div>
                                                                                    </div>
                                            <div class="mct-row row-grade">
                                                                                                <div class="mct-cell mct-label">Note</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3N2NxRGNLdFZnY29HQWR6ZnRkZkgrdldCOTd0SEVwakRSVUJ4TkcrZVhPTkpYTTVQYVg3QnFJT1pycnpBcFV6d1o1SFNLKzBDV1d3eHRqMER5RkI3THM9" target="_blank" rel="nofollow noopener sponsored" class="mct-note-link"><div class="mct-note-wrapper grade-very-good"><div class="note-label">BEWERTUNG</div><div class="note-source">TEST-VERGLEICHE.COM</div><div class="note-value">0,0</div><div class="note-text">SEHR GUT</div><div class="note-divider"></div><div class="note-info"><span class="note-product">3D-MASKENHALTERUNG</span><span class="note-date">07/2026</span></div></div></a></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3MHF4ZmQ2dTltSlVLNXBYMGR1bnRzdWtMZ2NEdmt5MnRZMG45OGVIbkF4ZWFCYWhVRVEzYXo4S3dLcXA4TmZ1Z1NjV0ZvbWg1eHFQSGE3aU95M1dIWnM9" target="_blank" rel="nofollow noopener sponsored" class="mct-note-link"><div class="mct-note-wrapper grade-very-good"><div class="note-label">BEWERTUNG</div><div class="note-source">TEST-VERGLEICHE.COM</div><div class="note-value">0,0</div><div class="note-text">SEHR GUT</div><div class="note-divider"></div><div class="note-info"><span class="note-product">3D-MASKENHALTERUNG</span><span class="note-date">07/2026</span></div></div></a></div>
                                                                                    </div>
                                            <div class="mct-row row-field_specific_menge-preis-pro-stueck">
                                                                                                <div class="mct-cell mct-label">Menge  Preis pro Stück</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1">8 Maskenhalter à 2,27 € pro Stück</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2">3 Maskenhalter à 2,32 € pro Stück</div>
                                                                                    </div>
                                            <div class="mct-row row-field_specific_wiederverwendbar">
                                                                                                <div class="mct-cell mct-label">Wiederverwendbar</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="text-center"><i class="fas fa-check color-green fa-lg"></i></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="text-center"><i class="fas fa-check color-green fa-lg"></i></div></div>
                                                                                    </div>
                                            <div class="mct-row row-field_specific_material">
                                                                                                <div class="mct-cell mct-label">Material</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1">++ Plastik</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2">+++ Silikon</div>
                                                                                    </div>
                                            <div class="mct-row row-field_specific_spuelmaschinenfest">
                                                                                                <div class="mct-cell mct-label">Spülmaschinenfest</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="text-center"><i class="fas fa-check color-green fa-lg"></i></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="text-center"><i class="fas fa-times color-red fa-lg"></i></div></div>
                                                                                    </div>
                                            <div class="mct-row row-field_specific_einfache-reinigung-lt-hersteller">
                                                                                                <div class="mct-cell mct-label">Einfache Reinigung  lt. Hersteller</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="text-center"><i class="fas fa-check color-green fa-lg"></i></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="text-center"><i class="fas fa-check color-green fa-lg"></i></div></div>
                                                                                    </div>
                                            <div class="mct-row row-advantages">
                                                                                                <div class="mct-cell mct-label">Vorteile</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="mct-advantages"><div class="advantage-item"><span class="check-icon">✓</span><span class="advantage-text">angenehmer Tragekomfort</span></div><div class="advantage-item"><span class="check-icon">✓</span><span class="advantage-text">inkl. 6 Ohrenverlängerung</span></div><div class="advantage-item"><span class="check-icon">✓</span><span class="advantage-text">leicht zu reinigen</span></div><div class="advantage-item"><span class="check-icon">✓</span><span class="advantage-text">unterstützt verbesserte Atmung</span></div></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="mct-advantages"><div class="advantage-item"><span class="check-icon">✓</span><span class="advantage-text">hoher Tragekomfort dank weichem Silikon</span></div><div class="advantage-item"><span class="check-icon">✓</span><span class="advantage-text">leichte Reinigung unter fließendem Wasser oder im Kochtopf</span></div></div></div>
                                                                                    </div>
                                            <div class="mct-row row-blue_button">
                                                                                                <div class="mct-cell mct-label"></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="mct-blue-button"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3N2NxRGNLdFZnY29HQWR6ZnRkZkgrdldCOTd0SEVwakRSVUJ4TkcrZVhPTkpYTTVQYVg3QnFJT1pycnpBcFV6d1o1SFNLKzBDV1d3eHRqMER5RkI3THM9" target="_blank" rel="nofollow noopener sponsored" class="mct-btn-blue">Angebot ansehen</a></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="mct-blue-button"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3MHF4ZmQ2dTltSlVLNXBYMGR1bnRzdWtMZ2NEdmt5MnRZMG45OGVIbkF4ZWFCYWhVRVEzYXo4S3dLcXA4TmZ1Z1NjV0ZvbWg1eHFQSGE3aU95M1dIWnM9" target="_blank" rel="nofollow noopener sponsored" class="mct-btn-blue">Angebot ansehen</a></div></div>
                                                                                    </div>
                                            <div class="mct-row row-offer">
                                                                                                <div class="mct-cell mct-label">Zum Angebot</div>
                                                                                                                                <div class="mct-cell mct-product" data-product="1"><div class="mct-shop-links"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3N2NxRGNLdFZnY29HQWR6ZnRkZkgrdldCOTd0SEVwakRSVUJ4TkcrZVhPTkpYTTVQYVg3QnFJT1pycnpBcFV6d1o1SFNLKzBDV1d3eHRqMER5RkI3THM9" target="_blank" rel="nofollow noopener sponsored" class="mct-shop-link mct-shop-link--amazon" title="Bei Amazon kaufen"><img src="https://test-vergleiche.com/wp-content/uploads/merchants/amazon.png?v=4" alt="Amazon" class="mct-shop-logo" loading="lazy" /><span class="mct-shop-name">Amazon</span></a><div class="mct-shop-link mct-shop-link--placeholder" aria-hidden="true" style="visibility:hidden;pointer-events:none;padding:6px 10px;border:1px solid transparent;"><span class="mct-shop-logo" style="height:18px;display:inline-block"></span><span class="mct-shop-price">&nbsp;</span></div></div></div>
                                                                                                                                <div class="mct-cell mct-product" data-product="2"><div class="mct-shop-links"><a href="https://test-vergleiche.com/go/?to=MmRjZ00wb2d1aitVc08zZTduL3R3MHF4ZmQ2dTltSlVLNXBYMGR1bnRzdWtMZ2NEdmt5MnRZMG45OGVIbkF4ZWFCYWhVRVEzYXo4S3dLcXA4TmZ1Z1NjV0ZvbWg1eHFQSGE3aU95M1dIWnM9" target="_blank" rel="nofollow noopener sponsored" class="mct-shop-link mct-shop-link--amazon" title="Bei Amazon kaufen"><img src="https://test-vergleiche.com/wp-content/uploads/merchants/amazon.png?v=4" alt="Amazon" class="mct-shop-logo" loading="lazy" /><span class="mct-shop-name">Amazon</span></a><div class="mct-shop-link mct-shop-link--placeholder" aria-hidden="true" style="visibility:hidden;pointer-events:none;padding:6px 10px;border:1px solid transparent;"><span class="mct-shop-logo" style="height:18px;display:inline-block"></span><span class="mct-shop-price">&nbsp;</span></div></div></div>
                                                                                    </div>
                                    </div>
            </div>

            <!-- Scroll Indicator -->
            <div class="mct-scroll-indicator">
                <div class="mct-scroll-thumb"></div>
            </div>
        </div>
    </div>

    <script>
    (function() {
        const tableId = '36205';
        const tableWrapper = document.querySelector('.mct-wrapper');
        const tableElement = tableWrapper.querySelector('.mct-table');
        const scrollWrapper = tableWrapper.querySelector('.mct-scroll-wrapper');
        const scrollLeft = tableWrapper.querySelector('.scroll-left');
        const scrollRight = tableWrapper.querySelector('.scroll-right');
        const scrollThumb = tableWrapper.querySelector('.mct-scroll-thumb');
        const sortSelect = document.getElementById('mct-sort-' + tableId);

        // Produktdaten
        const productData = [{"index":1,"id":280180,"title":"3D-Maskenhalterung Grip &#038; Bender Abstandshalter f\u00fcr Mundschutz (3 St\u00fcck)","brand":"Grip&amp;Bender","price":0,"grade":0},{"index":2,"id":280182,"title":"3D Maskenhalterung Corrines 8 St\u00fcck f\u00fcr Lippenstift-Schutz","brand":"Corrines","price":0,"grade":0}];
        const originalOrder = JSON.parse(JSON.stringify(productData));
        
        // Konfiguration
        const visibleCols = 7;
        const colWidth = 180;

        // Event Listeners
        scrollWrapper.addEventListener('scroll', () => {
            updateScrollButtons();
            updateScrollIndicator();
        });

        scrollLeft.addEventListener('click', () => scroll('left'));
        scrollRight.addEventListener('click', () => scroll('right'));

        // Sortierung
        sortSelect.addEventListener('change', handleSort);

        // Sticky Products Header (JS)
        (function() {
            var imgRow = tableElement.querySelector('.row-image');
            var mdlRow = tableElement.querySelector('.row-model');
            if (!imgRow) return;

            var sticky = document.createElement('div');
            sticky.className = 'mct-sticky-header';

            var prodsDiv = document.createElement('div');
            prodsDiv.className = 'mct-sticky-products';

            var prodsInner = document.createElement('div');
            prodsInner.style.display = 'flex';
            prodsInner.style.flexShrink = '0';

            var imgCells = imgRow.querySelectorAll('.mct-product');
            var mdlCells = mdlRow ? mdlRow.querySelectorAll('.mct-product') : [];

            // Amazon-Links aus der Tabelle
            var gradeRow = tableElement.querySelector('.row-grade');
            var blueRow = tableElement.querySelector('.row-blue_button');
            var gradeCells = gradeRow ? gradeRow.querySelectorAll('.mct-product') : [];
            var blueCells = blueRow ? blueRow.querySelectorAll('.mct-product') : [];

            imgCells.forEach(function(cell, i) {
                var amazonLink = '';
                if (gradeCells[i]) {
                    var a = gradeCells[i].querySelector('a.mct-note-link');
                    if (a) amazonLink = a.href;
                }
                if (!amazonLink && blueCells[i]) {
                    var a2 = blueCells[i].querySelector('a.mct-btn-blue');
                    if (a2) amazonLink = a2.href;
                }

                var item;
                if (amazonLink) {
                    item = document.createElement('a');
                    item.href = amazonLink;
                    item.target = '_blank';
                    item.rel = 'nofollow noopener sponsored';
                } else {
                    item = document.createElement('div');
                }
                item.className = 'mct-sticky-item';

                var img = cell.querySelector('img');
                if (img) {
                    var ci = document.createElement('img');
                    ci.src = img.src;
                    ci.alt = img.alt || '';
                    ci.loading = 'lazy';
                    item.appendChild(ci);
                }

                // Award-Badge
                var award = cell.querySelector('.mct-award');
                if (award) {
                    var aw = document.createElement('div');
                    aw.className = award.className;
                    aw.style.pointerEvents = 'none';
                    aw.textContent = award.textContent;
                    item.appendChild(aw);
                }

                if (mdlCells[i]) {
                    var nd = document.createElement('div');
                    nd.className = 'sticky-name';
                    var txt = mdlCells[i].textContent.trim();
                    nd.textContent = txt.length > 35 ? txt.substring(0, 35) + '...' : txt;
                    item.appendChild(nd);
                }

                prodsInner.appendChild(item);
            });

            prodsDiv.appendChild(prodsInner);
            sticky.appendChild(prodsDiv);
            // An html-Element appenden um overflow:clip auf body zu umgehen
            document.documentElement.appendChild(sticky);
            
            // Admin-Bar Offset berechnen
            var adminBar = document.getElementById('wpadminbar');
            var adminH = adminBar ? adminBar.offsetHeight : 0;
            sticky.style.top = adminH + 'px';

            function updateStickyWidths() {
                var firstCell = imgRow.querySelector('.mct-product');
                var wrapperRect = scrollWrapper.getBoundingClientRect();
                var cellLeft = firstCell ? firstCell.getBoundingClientRect().left : wrapperRect.left;

                prodsDiv.style.paddingLeft = cellLeft + 'px';

                var totalW = wrapperRect.right;
                prodsDiv.style.width = totalW + 'px';
                prodsDiv.style.maxWidth = totalW + 'px';

                var cells = imgRow.querySelectorAll('.mct-product');
                var items = prodsInner.querySelectorAll('.mct-sticky-item');
                cells.forEach(function(c, i) {
                    if (items[i]) {
                        var cw = c.getBoundingClientRect().width;
                        items[i].style.width = cw + 'px';
                        items[i].style.minWidth = cw + 'px';
                    }
                });
            }

            function syncScroll() {
                prodsDiv.scrollLeft = scrollWrapper.scrollLeft;
            }
            scrollWrapper.addEventListener('scroll', syncScroll);

            // Scroll detection — window + document + touch
            function checkSticky() {
                var ir = imgRow.getBoundingClientRect();
                var tr = tableElement.getBoundingClientRect();
                if (ir.bottom < 0 && tr.bottom > 120) {
                    if (!sticky.classList.contains('active')) {
                        sticky.classList.add('active');
                        updateStickyWidths();
                        syncScroll();
                    }
                } else {
                    sticky.classList.remove('active');
                }
            }

            var ticking = false;
            function onScroll() {
                if (!ticking) {
                    requestAnimationFrame(function() {
                        checkSticky();
                        ticking = false;
                    });
                    ticking = true;
                }
            }

            // Alle moeglichen Scroll-Events abfangen (Desktop + Mobile)
            window.addEventListener('scroll', onScroll, { passive: true });
            document.addEventListener('scroll', onScroll, { passive: true });
            window.addEventListener('touchmove', onScroll, { passive: true });

            // Init: Breiten nach kurzem Delay setzen (Bilder muessen geladen sein)
            updateStickyWidths();
            window.addEventListener('resize', updateStickyWidths);
            window.addEventListener('load', updateStickyWidths);
            setTimeout(updateStickyWidths, 500);
        })();

        // Init
        updateVisibleColumns();
        updateScrollButtons();
        updateScrollIndicator();

        // Window Resize
        window.addEventListener('resize', () => {
            updateVisibleColumns();
            updateScrollIndicator();
        });

        // Keyboard navigation
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft' && e.ctrlKey) {
                scroll('left');
            } else if (e.key === 'ArrowRight' && e.ctrlKey) {
                scroll('right');
            }
        });

        // Touch/Swipe support für Mobile
        let touchStartX = 0;
        scrollWrapper.addEventListener('touchstart', (e) => {
            touchStartX = e.touches[0].clientX;
        });

        scrollWrapper.addEventListener('touchend', (e) => {
            const touchEndX = e.changedTouches[0].clientX;
            const diff = touchStartX - touchEndX;
            
            if (Math.abs(diff) > 50) {
                if (diff > 0) {
                    scroll('right');
                } else {
                    scroll('left');
                }
            }
        });

        // Funktionen
        function updateVisibleColumns() {
            const tableWidth = tableElement.offsetWidth;
            const viewportWidth = scrollWrapper.offsetWidth;
            
            if (tableWidth <= viewportWidth) {
                scrollLeft.disabled = true;
                scrollRight.disabled = true;
            }
        }

        function updateScrollButtons() {
            const scrollPos = scrollWrapper.scrollLeft;
            const maxScroll = scrollWrapper.scrollWidth - scrollWrapper.clientWidth;
            
            scrollLeft.disabled = scrollPos <= 0;
            scrollRight.disabled = scrollPos >= maxScroll - 1;
        }

        function updateScrollIndicator() {
            const scrollPos = scrollWrapper.scrollLeft;
            const maxScroll = scrollWrapper.scrollWidth - scrollWrapper.clientWidth;
            
            if (maxScroll > 0) {
                const percentage = (scrollPos / maxScroll) * 100;
                const thumbWidth = (scrollWrapper.clientWidth / scrollWrapper.scrollWidth) * 100;
                
                scrollThumb.style.setProperty('--thumb-width', thumbWidth + '%');
                scrollThumb.style.setProperty('--thumb-position', percentage + '%');
            }
        }

        function scroll(direction) {
            const scrollAmount = colWidth * 3;
            
            if (direction === 'left') {
                scrollWrapper.scrollLeft -= scrollAmount;
            } else {
                scrollWrapper.scrollLeft += scrollAmount;
            }
        }

        function handleSort() {
            const sortValue = sortSelect.value;
            if (!sortValue) {
                resetSort();
                return;
            }

            const [sortBy, direction] = sortValue.split('-');
            const isAsc = direction === 'asc';

            // Animation Start
            tableElement.classList.add('sorting');

            // Kopiere aktuelle Produktdaten für Sortierung
            let sortData = productData.map((product, index) => ({
                ...product,
                currentIndex: index
            }));

            // Sortieren
            sortData.sort((a, b) => {
                let aVal, bVal;
                
                switch(sortBy) {
                    case 'price':
                        aVal = a.price || 0;
                        bVal = b.price || 0;
                        if (aVal === 0 && bVal !== 0) return 1;
                        if (bVal === 0 && aVal !== 0) return -1;
                        if (aVal === 0 && bVal === 0) return 0;
                        return isAsc ? aVal - bVal : bVal - aVal;
                        
                    case 'brand':
                        aVal = (a.brand || '').toLowerCase();
                        bVal = (b.brand || '').toLowerCase();
                        if (aVal < bVal) return isAsc ? -1 : 1;
                        if (aVal > bVal) return isAsc ? 1 : -1;
                        return 0;
                        
                    case 'grade':
                        aVal = a.grade || 999;
                        bVal = b.grade || 999;
                        return isAsc ? aVal - bVal : bVal - aVal;
                        
                    default:
                        return 0;
                }
            });

            // Spalten neu anordnen
            reorderColumns(sortData.map(item => item.currentIndex));

            // Animation Ende
            setTimeout(() => {
                tableElement.classList.remove('sorting');
                tableElement.classList.add('sorted');
                setTimeout(() => {
                    tableElement.classList.remove('sorted');
                }, 300);
            }, 300);
        }

        function reorderColumns(newOrder) {
            const rows = tableElement.querySelectorAll('.mct-row');
            
            rows.forEach(row => {
                const cells = Array.from(row.querySelectorAll('.mct-cell'));
                const labelCell = cells[0];
                const productCells = cells.slice(1);
                
                const reorderedCells = newOrder.map(index => {
                    const cell = productCells[index];
                    return cell ? cell.cloneNode(true) : null;
                }).filter(Boolean);
                
                productCells.forEach(cell => cell.remove());
                
                reorderedCells.forEach(cell => {
                    row.appendChild(cell);
                });
            });

            scrollWrapper.scrollLeft = 0;
            updateScrollButtons();
            updateScrollIndicator();
        }

        function resetSort() {
            const originalIndices = originalOrder.map((product, index) => index);
            reorderColumns(originalIndices);
        }

        // Resize Observer
        if (window.ResizeObserver) {
            const resizeObserver = new ResizeObserver(() => {
                updateVisibleColumns();
                updateScrollIndicator();
            });
            resizeObserver.observe(scrollWrapper);
        }
    })();
    </script>

            <div class="related-content-boxes">
        <section class="tv-products-section" aria-label="Produktvergleich 3D-Maskenhalterung">
            <h2 class="tv-products-section__heading">
                <strong>Die besten 3D-Maskenhalterung im Test & Vergleich:</strong>
                <span>Wählen Sie Ihren Testsieger aus unseren Top-Empfehlungen.</span>
            </h2>
        <error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Fehler]]></title>
    <message><![CDATA[&lt;p&gt;Es gab einen kritischen Fehler auf Ihrer Website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Mehr über die Problembehandlung in WordPress erfahren (engl.).&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
