/* ========================================================================
   TECHNIKCENTER24 — LIZENZGURU-STYLE THEME
   Palette  : #13112a (dark) · #1b937d (accent/green) · #f97316 (promo/orange)
   Font     : Roboto
   Style    : Modern Software Shop — rounded, clean, Lizenzguru-inspired
   ======================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* ── CSS VARIABLES ─────────────────────────────────────────────────────── */
:root {
    --tc-dark:          #13112a;
    --tc-dark-2:        #1e1b40;
    --tc-dark-3:        #2d2959;
    --tc-dark-4:        #0d0b1e;
    --tc-accent:        #1b937d;
    --tc-accent-h:      #157a68;
    --tc-accent-light:  rgba(27,147,125,0.10);
    --tc-promo:         #f97316;
    --tc-promo-h:       #ea6009;
    --tc-text-on-dark:  rgba(255,255,255,0.88);
    --tc-text-muted:    rgba(255,255,255,0.52);
    --tc-border-dark:   rgba(255,255,255,0.07);
    --tc-border-light:  #e5e7eb;
    --tc-bg-light:      #f5faf9;
    --tc-bg-white:      #ffffff;
}

/* ── BASE ──────────────────────────────────────────────────────────────── */
body,
html {
    font-family: 'Roboto', 'Segoe UI', sans-serif !important;
}

/* ── BORDER-RADIUS — Lizenzguru-style moderate rounding ──────────────── */
/* Kreisförmige Badges / Avatare */
.cart-badge-exact,
.cart-badge-ping-12345,
.review-avatar-exact,
.social-icons-exact a,
.rating-widget-circle,
.review-avatar-12345,
.support-chat-toggle-12345 {
    border-radius: 50% !important;
}

/* Buttons: moderate rounding wie Lizenzguru */
button, .btn, a.btn, input[type="submit"], input[type="button"] {
    border-radius: 4px !important;
}

/* Cards */
.product-card-exact,
.category-card-exact,
.checkout-shell-12345,
.cart-item-12345,
.software-template-2025,
.delivery-item-12345,
.trust-checklist-item-12345,
.faq-item-exact {
    border-radius: 6px !important;
}

/* ── TOP ANNOUNCEMENT BAR ──────────────────────────────────────────────── */
.top-announcement-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
    border-bottom: 1px solid var(--tc-accent-h) !important;
}

.top-announcement-exact .material-icons {
    color: rgba(255,255,255,0.8) !important;
}

/* ── UTILITY BAR ───────────────────────────────────────────────────────── */
.utility-bar-exact {
    background: var(--tc-dark-4) !important;
    border-bottom: 1px solid var(--tc-border-dark) !important;
}

.utility-bar-exact a:hover,
.utility-support-exact:hover .utility-support-label-exact,
.utility-support-exact:hover .utility-support-email-exact {
    color: var(--tc-accent) !important;
}

.utility-bar-exact select {
    background: var(--tc-dark-2) !important;
    border-color: var(--tc-dark-3) !important;
}

.utility-dropdown-menu-12345 {
    background: var(--tc-dark) !important;
    border-color: var(--tc-border-dark) !important;
}

.utility-dropdown-item-12345:hover {
    background: var(--tc-accent-light) !important;
    color: var(--tc-accent) !important;
}

/* ── HEADER ────────────────────────────────────────────────────────────── */
.header-exact {
    background: var(--tc-dark) !important;
    border-bottom: 1px solid #2d2959 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
    padding: 12px 0 !important;
}

/* Logo auf dunklem Hintergrund: helle Variante erzwingen */
.logo-exact,
.logo-exact span {
    color: #fff !important;
}

/* Header-Icons auf dunklem Hintergrund */
.icon-action-exact {
    color: var(--tc-text-on-dark) !important;
}

.icon-action-exact:hover {
    color: var(--tc-accent) !important;
}

.icon-action-exact .material-icons {
    color: inherit !important;
}

/* Suchleiste */
/* search-exact form – overridden below */
.search-exact input {
    background: transparent !important;
}

.search-exact input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

.search-exact button {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.search-exact button:hover {
    background: var(--tc-accent-h) !important;
}

/* Live-Search-Dropdown */
.live-search-dropdown-12345 {
    border-color: var(--tc-border-light) !important;
}

.live-search-view-all-12345 {
    background: var(--tc-bg-light) !important;
    color: var(--tc-dark) !important;
}

.live-search-view-all-12345:hover {
    background: var(--tc-accent-light) !important;
    color: var(--tc-accent) !important;
}

.live-search-title-12345 {
    color: var(--tc-dark) !important;
}

.live-search-price-12345 {
    color: var(--tc-accent) !important;
}

/* ── NAVIGATION ────────────────────────────────────────────────────────── */
.nav-exact {
    background: #0d0b1e !important;
    border-bottom: 1px solid var(--tc-border-dark) !important;
}

.nav-menu-exact a:hover {
    color: var(--tc-accent) !important;
}

.nav-menu-exact a.active {
    color: var(--tc-accent) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}

/* Kategorie-Toggle Button */
.cat-toggle-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.cat-toggle-exact:hover {
    background: var(--tc-accent-h) !important;
}

.cat-toggle-exact .material-icons {
    color: #fff !important;
}

/* Special Offer badge im Nav */
.special-offer-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

/* Mega-Menü */
.mega-menu-dropdown-12345,
.mega-menu-exact,
.dropdown-menu-exact {
    border-top: 2px solid var(--tc-accent) !important;
    background: var(--tc-dark) !important;
}

.mega-cat-header-exact {
    border-bottom-color: var(--tc-border-dark) !important;
}

.mega-cat-header-exact a:hover {
    color: var(--tc-accent) !important;
}

/* ── HERO SLIDER ───────────────────────────────────────────────────────── */
/* Hero-Slider Buttons: Inline-Styles via JS überschreiben */
.hero-element-12345 a {
    background: var(--tc-accent) !important;
    color: #fff !important;
    border-color: var(--tc-accent) !important;
}

.hero-element-12345 a:hover {
    background: var(--tc-accent-h) !important;
    border-color: var(--tc-accent-h) !important;
}

/* Hero Slider Dots */
.hero-dot-12345 {
    background: rgba(255,255,255,0.4) !important;
}

.hero-dot-12345.active-12345 {
    background: var(--tc-accent) !important;
}

/* Hero Slider Pfeile */
.hero-arrow-12345 {
    background: rgba(36, 40, 36, 0.85) !important;
    border: 1px solid var(--tc-accent) !important;
    color: #fff !important;
}

.hero-arrow-12345:hover {
    background: var(--tc-accent) !important;
}

/* ── HERO SECTION ──────────────────────────────────────────────────────── */
.hero-exact {
    background: var(--tc-dark-4) !important;
}

.hero-badge-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.hero-content-exact h2 {
    color: var(--tc-accent) !important;
}

.btn-hero-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.btn-hero-exact:hover {
    background: var(--tc-accent-h) !important;
}

/* Hero-Slider overlay accent */
.hero-slider-section-12345 .swiper-pagination-bullet-active,
.hero-slider-section-12345 .slider-dot-active {
    background: var(--tc-accent) !important;
}

/* ── ICON-BAR ──────────────────────────────────────────────────────────── */
.icon-bar-exact {
    background: var(--tc-dark) !important;
    border-top: 1px solid var(--tc-border-dark) !important;
    border-bottom: 1px solid var(--tc-border-dark) !important;
    padding: 12px 0 !important;
}

.icon-item-exact .material-icons {
    color: var(--tc-accent) !important;
    font-size: 32px !important;
}

.icon-item-exact strong {
    color: #fff !important;
}

.icon-item-exact p {
    color: var(--tc-text-muted) !important;
}

/* ── SEO CONTENT SECTION ───────────────────────────────────────────────── */
.seo-content-section-exact {
    background: var(--tc-bg-light) !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
    padding: 20px 0 !important;
}

.seo-content-wrapper-12345 {
    background: transparent !important;
}

.seo-content-headline-12345 {
    color: var(--tc-dark) !important;
}

.seo-toggle-btn-12345 {
    background: transparent !important;
    color: var(--tc-accent) !important;
    border: 1px solid var(--tc-accent) !important;
}

.seo-toggle-btn-12345:hover {
    background: var(--tc-accent-light) !important;
}

/* ── PROMO BANNERS ─────────────────────────────────────────────────────── */
.promo-banners-exact {
    background: var(--tc-bg-light) !important;
    padding: 28px 0 !important;
}

.btn-promo-exact {
    background: linear-gradient(135deg, var(--tc-promo) 0%, var(--tc-promo-h) 100%) !important;
    color: #fff !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 15px rgba(249,115,22,0.35) !important;
    transition: all 0.25s ease !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

.btn-promo-exact:hover {
    box-shadow: 0 8px 24px rgba(249,115,22,0.55) !important;
    background: linear-gradient(135deg, var(--tc-promo-h) 0%, #c24e00 100%) !important;
    transform: translateY(-1px) !important;
}

/* ── PRODUCT SECTIONS ──────────────────────────────────────────────────── */
.product-section-exact {
    padding: 36px 0 !important;
    background: var(--tc-bg-white) !important;
}

.product-section-exact:nth-of-type(even) {
    background: var(--tc-bg-light) !important;
}

.section-header-exact {
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 10px !important;
}

.section-header-exact h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.link-more-exact {
    color: var(--tc-accent) !important;
    font-size: 13px !important;
}

.link-more-exact:hover {
    color: var(--tc-accent-h) !important;
}

/* Product Cards */
.product-card-exact {
    border: 1px solid var(--tc-border-light) !important;
    background: var(--tc-bg-white) !important;
    transition: box-shadow 0.15s ease !important;
}

.product-card-exact:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
    transform: none !important;
    border-color: var(--tc-accent) !important;
}

.product-image-exact {
    background: var(--tc-bg-light) !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
    padding-top: 85% !important;
}

.product-info-exact {
    padding: 12px !important;
}

.product-info-exact h3 {
    font-size: 13px !important;
    font-weight: 500 !important;
    min-height: 48px !important;
    color: var(--tc-dark) !important;
}

.product-price-exact {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    margin-bottom: 10px !important;
}

.price-current-exact {
    color: var(--tc-dark) !important;
}

.product-tax-exact {
    font-size: 11px !important;
    color: #888 !important;
    margin-bottom: 8px !important;
}

/* Warenkorb-Button */
.btn-cart-exact,
.btn-cart-mini-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
}

.btn-cart-exact:hover,
.btn-cart-mini-exact:hover {
    background: var(--tc-accent-h) !important;
    transform: none !important;
}

.btn-variant-select-exact {
    background: var(--tc-dark) !important;
    color: #fff !important;
    text-align: center !important;
}

.btn-variant-select-exact:hover {
    background: var(--tc-dark-2) !important;
}

/* Stock Status Badge */
.woo-stock-status-12345 {
    font-size: 11px !important;
    font-weight: 500 !important;
}

.in-stock-12345 {
    background: rgba(132, 51, 201, 0.63) !important;
    color: #fff !important;
}

.out-of-stock-12345 {
    background: rgba(180,30,30,0.85) !important;
    color: #fff !important;
}

/* Sale Badge */
.product-badge-sale {
    background: #c0392b !important;
    font-size: 11px !important;
}

/* Sterne-Rating */
.star-exact {
    color: var(--tc-accent) !important;
}

/* ── NEW ARRIVALS SLIDER ────────────────────────────────────────────────── */
.new-arrivals-exact {
    background: linear-gradient(135deg, #fcfcfc 0%, #f6f6f6 50%, #fff 100%) !important;
    padding: 40px 0 !important;
}

.new-arrivals-exact::before {
    background: linear-gradient(90deg, transparent 0%, rgba(27,147,125,0.04) 50%, transparent 100%) !important;
}

.new-arrivals-exact::after {
    background-image:
        linear-gradient(rgba(27,147,125,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(27,147,125,0.04) 1px, transparent 1px) !important;
}

.new-arrivals-exact h2 {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

.new-arrivals-exact h2::after {
    background: linear-gradient(90deg, var(--tc-accent), transparent) !important;
    left: 0 !important;
    transform: none !important;
}

.arrival-card-exact {
    background: rgba(255,255,255,0.96) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    padding: 12px !important;
    min-width: 170px !important;
}

.arrival-card-exact:hover {
    transform: none !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
    border-color: var(--tc-accent) !important;
}

/* Slider-Navigations-Buttons */
.slider-nav-exact {
    background: var(--tc-dark) !important;
    border: 1px solid var(--tc-accent) !important;
    width: 36px !important;
    height: 36px !important;
}

.slider-nav-exact:hover {
    background: var(--tc-accent) !important;
    border-color: var(--tc-accent) !important;
    transform: translateY(-50%) !important;
}

.slider-nav-exact .material-icons {
    color: #fff !important;
}

/* ── HELP SECTION ──────────────────────────────────────────────────────── */
.help-section-exact {
    background: var(--tc-bg-white) !important;
    border-top: 1px solid var(--tc-border-light) !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
    padding: 40px 20px !important;
}

.help-card-exact {
    background: var(--tc-bg-light) !important;
    border: 1px solid var(--tc-border-light) !important;
}

.help-card-exact:hover {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 4px 12px rgba(27,147,125,0.10) !important;
    transform: none !important;
    background: var(--tc-bg-white) !important;
}

.help-card-icon-exact {
    border-color: var(--tc-border-light) !important;
}

.help-card-exact:hover .help-card-icon-exact {
    border-color: var(--tc-accent) !important;
    background: var(--tc-accent-light) !important;
}

.help-card-icon-exact .material-icons {
    color: var(--tc-accent) !important;
}

/* Help section im Grid-Layout (Home) */
.help-grid-exact {
    gap: 40px !important;
}

.help-content-exact h2 {
    color: var(--tc-dark) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.help-cards-exact {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.help-cards-exact .help-card-exact {
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 18px !important;
    text-align: left !important;
    gap: 14px !important;
}

.help-cards-exact .help-card-exact .material-icons {
    font-size: 24px !important;
    color: var(--tc-accent) !important;
    flex-shrink: 0 !important;
}

/* ── FAQ SECTION ───────────────────────────────────────────────────────── */
.faq-section-exact {
    background: var(--tc-bg-light) !important;
    border-top: 1px solid var(--tc-border-light) !important;
    padding: 24px 0 !important;
}

.faq-heading-exact {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--tc-dark) !important;
    text-align: left !important;
    margin-bottom: 16px !important;
}

.faq-item-exact {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    margin-bottom: 4px !important;
}

.faq-toggle-exact {
    background: var(--tc-dark) !important;
    color: #fff !important;
    padding: 12px 18px !important;
}

.faq-toggle-exact:hover {
    background: var(--tc-dark-2) !important;
}

.faq-toggle-exact:focus-visible {
    outline-color: var(--tc-accent) !important;
}

.faq-item-exact.open .faq-toggle-exact {
    background: var(--tc-accent) !important;
}

.faq-icon-exact {
    color: rgba(255,255,255,0.5) !important;
}

.faq-item-exact.open .faq-icon-exact {
    color: rgba(255,255,255,0.9) !important;
}

.faq-answer-exact {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.faq-item-exact.open .faq-answer-exact {
    border-top-color: var(--tc-border-light) !important;
}

.faq-link-primary {
    color: var(--tc-accent) !important;
}

/* GMC Highlight Item */
.faq-item-gmc-highlight .faq-toggle-exact {
    background: var(--tc-dark-2) !important;
    border-left: 3px solid var(--tc-accent) !important;
}

.faq-item-gmc-highlight.open .faq-toggle-exact {
    background: var(--tc-accent) !important;
    border-left-color: var(--tc-accent-h) !important;
}

.faq-icon-info {
    color: var(--tc-accent) !important;
}

.faq-item-gmc-highlight.open .faq-icon-info {
    color: rgba(255,255,255,0.9) !important;
}

/* ── GAMES SECTION ─────────────────────────────────────────────────────── */
.games-section-exact {
    padding: 36px 0 !important;
    background: var(--tc-bg-white) !important;
}

.btn-game-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.btn-game-exact:hover {
    background: var(--tc-accent-h) !important;
}

/* ── NEWS WIDGET ───────────────────────────────────────────────────────── */
.home-news-widget-12345 {
    background: var(--tc-bg-light) !important;
    border-top: 1px solid var(--tc-border-light) !important;
    padding: 36px 0 !important;
}

.home-news-title-12345 {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--tc-dark) !important;
}

.home-news-header-12345 {
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 10px !important;
}

.home-news-link-12345 {
    color: var(--tc-accent) !important;
    font-size: 13px !important;
}

.home-news-card-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}

.home-news-card-12345:hover {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 4px 12px rgba(27,147,125,0.10) !important;
}

.home-news-badge-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.home-news-card-title-12345 a {
    color: var(--tc-dark) !important;
}

.home-news-card-title-12345 a:hover {
    color: var(--tc-accent) !important;
}

.news-reaction-btn-12345.is-active,
.news-reaction-btn-12345:hover {
    color: var(--tc-accent) !important;
}

/* ── FOOTER ────────────────────────────────────────────────────────────── */
.footer-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border-top: 3px solid #6c6c6c !important;
    padding: 36px 0 0 !important;
}

.footer-grid-exact {
    border-bottom-color: var(--tc-border-dark) !important;
    padding-bottom: 28px !important;
}

.footer-exact h3 {
    color: #1b937d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 14px !important;
}

.footer-exact a:hover {
    color: #fff !important;
}

.social-icons-exact a {
    background: var(--tc-dark-2) !important;
    border: 1px solid var(--tc-border-dark) !important;
}

.social-icons-exact a:hover {
    background: var(--tc-accent) !important;
    border-color: var(--tc-accent) !important;
}

.footer-bottom-exact {
    border-top: 1px solid var(--tc-border-dark) !important;
    padding: 14px 0 !important;
}

/* Footer tag cloud */
.footer-tagcloud-12345 a,
.footer-tag-12345 {
    background: var(--tc-dark-2) !important;
    border-color: var(--tc-border-dark) !important;
    color: var(--tc-text-on-dark) !important;
}

.footer-tagcloud-12345 a:hover,
.footer-tag-12345:hover {
    background: #1b937d !important;
    border-color: #146c5c !important;
    color: #fff !important;
}

/* ── GLOBAL BUTTONS ────────────────────────────────────────────────────── */
.btn-secondary-exact {
    background: transparent !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

.btn-secondary-exact:hover {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.btn-outline-exact {
    border-color: rgba(255,255,255,0.6) !important;
    color: #fff !important;
}

/* ── MOBILE NAV / HAMBURGER ────────────────────────────────────────────── */
.mobile-nav-toggle-12345,
.mobile-menu-overlay-12345 {
    background: var(--tc-dark) !important;
}

.mobile-nav-close-12345:hover {
    color: var(--tc-accent) !important;
}

/* ── CATEGORY PAGES ────────────────────────────────────────────────────── */
.category-filter-bar-12345,
.filter-sidebar-12345 {
    background: var(--tc-bg-white) !important;
    border-color: var(--tc-border-light) !important;
}

.filter-chip-12345.active,
.filter-chip-12345:hover {
    background: var(--tc-accent) !important;
    border-color: var(--tc-accent) !important;
    color: #fff !important;
}

.sort-select-12345:focus,
.filter-select-12345:focus {
    border-color: var(--tc-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}

/* ── CART / CHECKOUT ───────────────────────────────────────────────────── */
.cart-summary-total-12345 {
    color: var(--tc-accent) !important;
}

.checkout-btn-12345,
.btn-checkout-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.checkout-btn-12345:hover,
.btn-checkout-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── ACCOUNT / AUTH PAGES ──────────────────────────────────────────────── */
.btn-login-12345,
.btn-register-12345,
.btn-primary-form-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

.btn-login-12345:hover,
.btn-register-12345:hover,
.btn-primary-form-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── PAGINATION ────────────────────────────────────────────────────────── */
.pagination-12345 .page-item-12345.active .page-link-12345,
.pagination-12345 .page-link-12345:hover {
    background: var(--tc-accent) !important;
    border-color: var(--tc-accent) !important;
    color: #fff !important;
}

/* ── BREADCRUMB ────────────────────────────────────────────────────────── */
.breadcrumb-12345 {
    background: var(--tc-bg-light) !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
}

.breadcrumb-link-12345:hover {
    color: var(--tc-accent) !important;
}

/* ── TOAST / NOTIFICATION ──────────────────────────────────────────────── */
.cart-toast-12345,
.notification-toast-12345 {
    border-left: 3px solid var(--tc-accent) !important;
}

/* ── ADMIN TOOLBAR ─────────────────────────────────────────────────────── */
.admin-toolbar-12345 {
    background: var(--tc-dark-4) !important;
    border-bottom: 1px solid var(--tc-border-dark) !important;
}

/* ── LINKS (global) ────────────────────────────────────────────────────── */
a:hover {
    color: var(--tc-accent);
}


/* ── NEWS-KARTEN: HOVER-ANIMATION ENTFERNEN (SAP-STIL) ────────────────── */
.home-news-card-12345:hover .home-news-image-12345 img {
    transform: none !important;
}

.home-news-card-12345:hover {
    transform: none !important;
}

/* ── REACTION BUTTONS ──────────────────────────────────────────────────── */
.news-reaction-btn-12345 {
    color: #888 !important;
}

.news-reaction-btn-12345.is-active {
    color: var(--tc-accent) !important;
}


/* ── SECTION SEPARATORS ────────────────────────────────────────────────── */
.product-section-exact + .product-section-exact {
    border-top: 1px solid var(--tc-border-light) !important;
}

/* ── REVIEW STARS ──────────────────────────────────────────────────────── */
.star-filled-12345 {
    color: var(--tc-accent) !important;
}

.star-empty-12345 {
    color: #d0d0d0 !important;
}

.review-count-link-12345:hover .review-rating-value-12345 {
    color: var(--tc-accent) !important;
}

/* Allgemeine Star-Klassen */
.star-icon-filled,
.review-star-filled,
.star-full,
.star-exact {
    color: var(--tc-accent) !important;
}

/* ── INPUT FIELDS ──────────────────────────────────────────────────────── */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--tc-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}

/* ── PROGRESS / LOADING BARS ───────────────────────────────────────────── */
.progress-bar,
.loading-bar {
    background: var(--tc-accent) !important;
}

/* ── FOCUS RING (Accessibility) ────────────────────────────────────────── */
:focus-visible {
    outline-color: var(--tc-accent) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DEEP-AUDIT EXTENSIONS — alle fehlenden Sektionen
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── GOOGLE FONTS PRECONNECT (Roboto via CSS-Import bereits oben) ─────────── */
/* Body-Basis font erzwingen */
body, html, input, button, select, textarea, table {
    font-family: 'Roboto', 'Segoe UI', sans-serif !important;
}

/* ── PROACTIVE CHAT WIDGET ─────────────────────────────────────────────── */
.sk24-proactive-header {
    background: var(--tc-dark) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.sk24-proactive-header::before {
    background: var(--tc-accent) !important;
}
.sk24-proactive-avatar img {
    border-color: var(--tc-accent) !important;
}
.sk24-proactive-text {
    border-left-color: var(--tc-accent) !important;
}
.sk24-proactive-chat-icon,
.sk24-proactive-cta {
    background: var(--tc-accent) !important;
    color: #fff !important;
}
.sk24-proactive-cta:hover {
    background: var(--tc-accent-h) !important;
}

/* ── SUPPORT CHAT WIDGET ───────────────────────────────────────────────── */
.sk24-chat-header-12345 {
    background: var(--tc-dark) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.sk24-chat-avatar-12345 {
    border-color: var(--tc-accent) !important;
}
.sk24-chat-avatar-agent-12345 {
    background: var(--tc-dark) !important;
    color: var(--tc-accent) !important;
    border-color: var(--tc-accent) !important;
}
.sk24-chat-bubble-12345.sk24-chat-bubble-user-12345 {
    background: var(--tc-dark) !important;
    border-left-color: var(--tc-accent) !important;
}
.sk24-chat-bubble-12345.sk24-chat-bubble-agent-12345 {
    border-left-color: var(--tc-accent) !important;
}
.sk24-chat-send-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}
.sk24-chat-send-12345:hover {
    background: var(--tc-accent-h) !important;
}
#sk24-support-chat-email-12345:focus,
#sk24-support-chat-message-12345:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}
#sk24-support-chat-toggle-12345 {
    background: var(--tc-accent) !important;
    border-color: var(--tc-accent) !important;
}

/* ── CATEGORY / SHOP SEITE ─────────────────────────────────────────────── */
.category-page-12345,
.shop-page-12345 {
    background: var(--tc-bg-light) !important;
}
.category-header-12345,
.shop-header-12345 {
    background: var(--tc-dark) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    color: #fff !important;
    padding: 16px 0 !important;
}
.category-title-12345,
.shop-title-12345 {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.category-description-12345 {
    color: rgba(255,255,255,0.7) !important;
}

/* Filter-Sidebar */
.filter-section-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.filter-section-title-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.filter-option-12345 input[type="checkbox"]:checked + label,
.filter-option-12345 input[type="radio"]:checked + label {
    color: var(--tc-accent) !important;
    font-weight: 600 !important;
}
.filter-apply-btn-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}
.filter-reset-btn-12345 {
    border: 1px solid var(--tc-border-light) !important;
    color: var(--tc-dark) !important;
}
.filter-reset-btn-12345:hover {
    border-color: var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

/* Sortierung-Bar */
.sort-bar-12345,
.category-controls-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-bottom: 2px solid var(--tc-border-light) !important;
    padding: 10px 14px !important;
}
.sort-select-12345,
.per-page-select-12345 {
    border: 1px solid var(--tc-border-light) !important;
    background: var(--tc-bg-white) !important;
}

/* Active filter tags */
.active-filter-tag-12345 {
    background: var(--tc-accent-light) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
    font-size: 11px !important;
}
.active-filter-tag-12345 button {
    color: var(--tc-accent) !important;
}

/* ── CART PAGE ─────────────────────────────────────────────────────────── */
.cart-page-12345 {
    background: #fff !important;
    padding: 24px 0 !important;
}
.cart-table-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.cart-table-12345 thead tr {
    background: var(--tc-dark) !important;
    color: #fff !important;
}
.cart-table-12345 thead th {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 14px !important;
    border: none !important;
}
.cart-table-12345 tbody tr:hover {
    background: var(--tc-bg-light) !important;
}
.cart-table-12345 td {
    border-bottom: 1px solid var(--tc-border-light) !important;
}
.cart-qty-input-12345 {
    border: 1px solid var(--tc-border-light) !important;
    background: var(--tc-bg-white) !important;
    text-align: center !important;
    width: 56px !important;
    padding: 4px !important;
}
.cart-qty-input-12345:focus {
    border-color: var(--tc-accent) !important;
}
.cart-item-total-12345 {
    color: var(--tc-dark) !important;
    font-weight: 700 !important;
}
.cart-summary-box-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.cart-summary-title-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.cart-summary-row-12345 {
    border-bottom: 1px solid var(--tc-border-light) !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
}
.cart-summary-total-12345 {
    background: var(--tc-bg-light) !important;
    border-top: 2px solid var(--tc-accent) !important;
    padding: 12px 14px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
}
.cart-coupon-section-12345 {
    padding: 12px 14px !important;
    border-top: 1px solid var(--tc-border-light) !important;
}
.btn-12345 {
    background: #14122c !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
}
.btn-12345:hover {
    background: #302f41 !important;
    color: #fff !important;
}
.btn-secondary-12345 {
    background: transparent !important;
    border: 1px solid var(--tc-border-light) !important;
    color: var(--tc-dark) !important;
}
.btn-secondary-12345:hover {
    border-color: var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

/* Alert boxes */
.alert-success-12345 {
    background: rgba(27,147,125,0.08) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}
.alert-error-12345 {
    background: rgba(192,57,43,0.06) !important;
    border: 1px solid #c0392b !important;
    color: #c0392b !important;
}
.alert-info-12345 {
    background: rgba(27,147,125,0.05) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-dark) !important;
}

/* ── CHECKOUT PAGE ─────────────────────────────────────────────────────── */
.checkout-page-12345 {
    background: #fff !important;
    padding: 24px 0 !important;
}
.checkout-title-12345 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}
.checkout-section-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    margin-bottom: 16px !important;
}
.checkout-section-title-12345,
.checkout-section-12345 h2,
.checkout-section-12345 h3 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 16px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    margin: 0 !important;
}
.form-group-12345 label,
.checkout-label-12345 {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    color: #555 !important;
    margin-bottom: 4px !important;
}
.form-group-12345 input,
.form-group-12345 select,
.form-group-12345 textarea,
.checkout-input-12345 {
    border: 1px solid var(--tc-border-light) !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    width: 100% !important;
    background: var(--tc-bg-white) !important;
}
.form-group-12345 input:focus,
.form-group-12345 select:focus,
.form-group-12345 textarea:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}
.payment-method-label-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    border: 1px solid var(--tc-border-light) !important;
    cursor: pointer !important;
    font-size: 13px !important;
}
.payment-method-label-12345:has(input:checked) {
    border-color: var(--tc-accent) !important;
    background: var(--tc-accent-light) !important;
}
.checkout-order-summary-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.checkout-submit-btn-12345,
button[type="submit"].btn-primary,
.btn-checkout-submit-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 14px 20px !important;
    border: none !important;
    width: 100% !important;
}
.checkout-submit-btn-12345:hover,
.btn-checkout-submit-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* USt-ID Feedback */
.ustid-feedback-12345 {
    font-size: 12px !important;
}
.ustid-feedback-12345.valid-12345 {
    color: var(--tc-accent) !important;
}
.ustid-feedback-12345.invalid-12345 {
    color: #c0392b !important;
}

/* Erfolgsseite */
.checkout-success-12345,
.order-success-page-12345 {
    background: var(--tc-bg-light) !important;
    padding: 40px 0 !important;
}
.success-icon-12345 {
    color: var(--tc-accent) !important;
}
.order-number-12345 {
    background: var(--tc-accent-light) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
    padding: 6px 14px !important;
    font-weight: 700 !important;
}

/* ── AUTH PAGES (Login/Register/Passwort) ─────────────────────────────── */
.auth-pro-page-2025 {
    background: var(--tc-bg-light) !important;
}
.auth-pro-card-2025 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    box-shadow: none !important;
}
.auth-pro-logo-2025 {
    background: var(--tc-dark) !important;
    border: 2px solid #dadada !important;
}
.auth-pro-logo-2025 .material-icons {
    color: #1b937d !important;
}
.stat-icon-pro-2025 .material-icons {
    color: #1b937d;
    font-size: 22px;
}
.auth-pro-title-2025 {
    color: var(--tc-dark) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.auth-pro-tab-active-2025 {
    color: var(--tc-dark) !important;
    border-bottom-color: var(--tc-accent) !important;
}
.auth-pro-tab-2025:hover {
    color: var(--tc-accent) !important;
}
.auth-pro-input-2025:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}
.auth-pro-submit-2025 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    width: 100% !important;
    padding: 10px !important;
    font-weight: 600 !important;
    border: none !important;
}
.auth-pro-submit-2025:hover {
    background: var(--tc-accent-h) !important;
}
.auth-pro-divider-2025::after,
.auth-pro-divider-2025::before {
    background: var(--tc-border-light) !important;
}
.auth-pro-link-2025 {
    color: var(--tc-accent) !important;
}
.auth-pro-link-2025:hover {
    color: var(--tc-accent-h) !important;
}
.auth-pro-features-2025 {
    background: var(--tc-dark) !important;
    border: 1px solid var(--tc-border-dark) !important;
    padding: 24px !important;
}
.auth-pro-feature-2025 .material-icons {
    color: var(--tc-accent) !important;
}
.auth-pro-feature-title-2025 {
    color: #fff !important;
}
.auth-pro-feature-text-2025 {
    color: rgba(255,255,255,0.6) !important;
}
.auth-pro-alert-2025 {
    background: rgba(192,57,43,0.06) !important;
    border-color: #c0392b !important;
    color: #c0392b !important;
}
/* Erfolgreiche Meldung im Alert */
.auth-pro-alert-2025[style*="ecfdf3"],
.auth-pro-alert-2025[style*="a7f3d0"] {
    background: rgba(27,147,125,0.06) !important;
    border-color: var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

/* ── ACCOUNT / DASHBOARD ───────────────────────────────────────────────── */
.account-page-12345,
.dashboard-page-12345 {
    background: var(--tc-bg-light) !important;
    padding: 24px 0 !important;
}
.account-sidebar-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.account-nav-item-12345 {
    border-bottom: 1px solid var(--tc-border-light) !important;
}
.account-nav-item-12345 a {
    color: var(--tc-dark) !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
}
.account-nav-item-12345 a:hover,
.account-nav-item-12345 a.active {
    color: var(--tc-accent) !important;
    background: var(--tc-accent-light) !important;
    border-left: 3px solid var(--tc-accent) !important;
}
.account-content-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.account-section-title-12345 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}
.order-card-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    margin-bottom: 8px !important;
}
.order-card-header-12345 {
    background: var(--tc-bg-light) !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
    padding: 10px 14px !important;
}
.order-status-badge-12345 {
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
.status-completed-12345,
.status-paid-12345 {
    background: rgba(27,147,125,0.1) !important;
    color: var(--tc-accent) !important;
    border: 1px solid var(--tc-accent) !important;
}
.status-pending-12345 {
    background: rgba(180,130,30,0.1) !important;
    color: #7a5c00 !important;
    border: 1px solid #c9a000 !important;
}
.status-cancelled-12345 {
    background: rgba(192,57,43,0.1) !important;
    color: #c0392b !important;
    border: 1px solid #c0392b !important;
}

/* ── NEWS-ARTIKEL-SEITE ────────────────────────────────────────────────── */
.news-article-page-12345,
.news-list-page-12345 {
    background: var(--tc-bg-light) !important;
}
.news-article-header-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    padding: 24px 0 !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.news-article-category-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
}
.news-article-title-12345 {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}
.news-article-content-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.news-article-content-12345 h2,
.news-article-content-12345 h3 {
    color: var(--tc-dark) !important;
    border-left: 3px solid var(--tc-accent) !important;
    padding-left: 12px !important;
}
.news-article-content-12345 a {
    color: var(--tc-accent) !important;
}
.news-article-content-12345 blockquote {
    border-left: 3px solid var(--tc-accent) !important;
    background: var(--tc-accent-light) !important;
    padding: 12px 16px !important;
}

/* News-Karten-Listing */
.news-card-item-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.news-card-item-12345:hover {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 4px 12px rgba(27,147,125,0.10) !important;
    transform: none !important;
}
.news-category-tag-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

/* ── STATIC PAGES (Impressum, Datenschutz, AGB, etc.) ──────────────────── */
.static-page-12345,
.content-page-12345 {
    background: var(--tc-bg-white) !important;
}
.static-page-12345 h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}
.static-page-12345 h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    margin-top: 24px !important;
    border-left: 3px solid var(--tc-accent) !important;
    padding-left: 10px !important;
}
.static-page-12345 a {
    color: var(--tc-accent) !important;
}

/* ── REVIEWS / BEWERTUNGEN ────────────────────────────────────────────── */
.reviews-page-12345 {
    background: var(--tc-bg-light) !important;
}
.review-card-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    margin-bottom: 8px !important;
}
.review-rating-bar-12345 {
    background: var(--tc-bg-light) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.review-rating-fill-12345 {
    background: var(--tc-accent) !important;
}
.review-helpful-btn-12345:hover,
.review-helpful-btn-12345.active {
    color: var(--tc-accent) !important;
}
.review-form-title-12345 {
    color: var(--tc-dark) !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 8px !important;
}

/* ── DOWNLOADS / WIKI SECTION ─────────────────────────────────────────── */
.downloads-page-12345,
.wiki-page-12345 {
    background: var(--tc-bg-light) !important;
}
.downloads-breadcrumb-12345 {
    background: var(--tc-bg-white) !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
    padding: 10px 0 !important;
}
.downloads-category-header-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding: 16px 0 !important;
}
.downloads-category-title-12345 {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.downloads-item-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    margin-bottom: 4px !important;
}
.downloads-item-12345:hover {
    border-color: var(--tc-accent) !important;
}
.downloads-icon-12345 {
    color: var(--tc-accent) !important;
}
.btn-download-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 6px 14px !important;
}
.btn-download-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── CONTACT PAGE ─────────────────────────────────────────────────────── */
.contact-page-12345 {
    background: var(--tc-bg-light) !important;
    padding: 32px 0 !important;
}
.contact-form-section-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.contact-info-section-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    border: 1px solid var(--tc-border-dark) !important;
}
.contact-info-item-12345 .material-icons {
    color: var(--tc-accent) !important;
}
.contact-submit-btn-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    padding: 10px 28px !important;
    font-weight: 600 !important;
}
.contact-submit-btn-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── GUEST PORTAL ─────────────────────────────────────────────────────── */
.portal-result-page-12345 {
    background: var(--tc-bg-light) !important;
    padding: 32px 0 !important;
}
.portal-result-box-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.portal-order-status-12345 .material-icons {
    color: var(--tc-accent) !important;
}

/* ── LOCALIZATION TOAST ────────────────────────────────────────────────── */
.localization-toast-12345 {
    background: var(--tc-dark) !important;
    border: 1px solid var(--tc-border-dark) !important;
    border-top: 3px solid var(--tc-accent) !important;
    color: #fff !important;
}
.localization-toast-confirm-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
}
.localization-toast-confirm-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── MAINTENANCE PAGE ─────────────────────────────────────────────────── */
.maintenance-page-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
}
.maintenance-icon-12345 {
    color: var(--tc-accent) !important;
}

/* ── STRIPE ELEMENTS INTEGRATION ─────────────────────────────────────── */
#stripe-inline-wrapper-12345 {
    border: 1px solid var(--tc-border-light) !important;
    padding: 14px !important;
    background: var(--tc-bg-light) !important;
}
#stripe-inline-error-12345 {
    color: #c0392b !important;
    font-size: 13px !important;
}

/* ── GLOBALE LINKS & FARBEN ────────────────────────────────────────────── */
a {
    color: inherit;
}
a:hover {
    color: var(--tc-accent);
}

/* ── SCROLLBAR (Webkit) ────────────────────────────────────────────────── */
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
::-webkit-scrollbar-track {
    background: var(--tc-bg-light) !important;
}
::-webkit-scrollbar-thumb {
    background: #bbb !important;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--tc-accent) !important;
}

/* ── TABELLEN ──────────────────────────────────────────────────────────── */
table.data-table-12345 thead tr,
table.data-table-12345 thead th {
    background: var(--tc-dark) !important;
    color: #fff !important;
}
table.data-table-12345 tbody tr:nth-child(even) {
    background: var(--tc-bg-light) !important;
}
table.data-table-12345 tbody tr:hover {
    background: var(--tc-accent-light) !important;
}

/* ── CUSTOM CHECKBOX / RADIO ───────────────────────────────────────────── */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: var(--tc-accent) !important;
}

/* ── GRADIENT-REPARATUR (durch sed entstanden: yellow → green) ─────────── */
/* Ankunfts-Slider / New-Arrivals hatte ehemals yellow gradient — jetzt grün */
.new-arrivals-exact {
    background: linear-gradient(135deg, #fcfcfc 0%, #f6f6f6 50%, #fff 100%) !important;
}

/* Special offer badge in Nav: war gelb, jetzt green */
.special-offer-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

/* Mega-Menü Subkategorien-Highlight-Farbe */
.mega-subcat-title-exact-element-cat {
    color: var(--tc-accent) !important;
    font-weight: 600 !important;
}
.mega-subcat-title-exact:hover {
    background: var(--tc-accent-light) !important;
    color: var(--tc-accent) !important;
}

/* ── TOP ANNOUNCEMENT: text-on-accent ─────────────────────────────────── */
.top-announcement-exact,
.top-announcement-exact * {
    color: #fff !important;
}
.top-announcement-exact a:hover {
    opacity: 0.85 !important;
}

/* ── UTILITY BAR: Text korrekt auf dunklem BG ─────────────────────────── */
.utility-bar-exact,
.utility-bar-exact * {
    color: rgba(255,255,255,0.75) !important;
}
.utility-bar-exact a:hover,
.utility-bar-exact a:hover * {
    color: var(--tc-accent) !important;
}

/* ── HEADER: Icons korrekt weiß auf dunklem BG ────────────────────────── */
.header-exact .material-icons {
    color: rgba(255,255,255,0.85) !important;
}
.header-exact .icon-action-exact:hover .material-icons {
    color: var(--tc-accent) !important;
}
.header-exact .cart-count-exact,
.cart-badge-exact {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

/* ── NAV: Active state ─────────────────────────────────────────────────── */
.nav-exact .container-exact {
    display: flex !important;
    align-items: center !important;
}

/* ── HERO SLIDER: Overlay-Text lesbar ─────────────────────────────────── */
.hero-caption-12345,
.hero-title-12345,
.hero-subtitle-12345 {
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* ── MOBILE SEARCH BAR ─────────────────────────────────────────────────── */
.mobile-menu-search-12345 button {
    background: var(--tc-accent) !important;
    color: #fff !important;
}

/* ── CATEGORY DRAWER (falls vorhanden) ────────────────────────────────── */
.cat-drawer-12345,
.category-drawer-12345 {
    background: var(--tc-dark) !important;
    border-right: 2px solid var(--tc-accent) !important;
}
.cat-drawer-item-12345:hover {
    background: var(--tc-accent-light) !important;
    color: var(--tc-accent) !important;
}

/* ── PURCHASE NOTIFICATION WIDGET ──────────────────────────────────────── */
.purchase-notification-12345 {
    background: linear-gradient(145deg, rgba(26,30,26,0.98), rgba(36,40,36,0.98)) !important;
    border-color: rgba(27,147,125,0.3) !important;
    box-shadow: 0 0 0 1px rgba(27,147,125,0.1) inset, 0 12px 48px rgba(0,0,0,0.4) !important;
}
.purchase-notification-12345::before {
    background: linear-gradient(90deg, #1b937d 0%, #157a68 50%, #1b937d 100%) !important;
}
.purchase-notification-12345:hover {
    border-color: rgba(27,147,125,0.4) !important;
    box-shadow: 0 0 0 1px rgba(27,147,125,0.2) inset, 0 16px 64px rgba(0,0,0,0.5) !important;
}
.purchase-notification-count-12345 {
    color: var(--tc-accent) !important;
    text-shadow: 0 0 8px rgba(27,147,125,0.4) !important;
}
.purchase-notification-cta-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(27,147,125,0.4) !important;
}
.purchase-notification-cta-12345:hover {
    background: var(--tc-accent-h) !important;
    box-shadow: 0 6px 24px rgba(27,147,125,0.5) !important;
}

/* ── HOME: HOVER-TRANSITION-EFFEKTE DEAKTIVIERT ────────────────────────── */
/* Alle Box/Karten-Hover-Animationen entfernen — SAP-Stil, statisch          */

/* Transition auf allen Box-Elementen deaktivieren */
.product-card-exact,
.arrival-card-exact,
.help-card-exact,
.help-card-exact .help-card-icon-exact,
.promo-banner-exact,
.woo-category-card-12345,
.woo-product-card-12345,
.home-news-card-12345,
.home-news-card-12345 .home-news-image-12345 img,
.faq-item-exact,
.icon-item-exact,
.banner-card-exact,
.product-section-exact,
.feature-card {
    transition: none !important;
}

/* Hover: kein Transform (kein Hochschieben), kein Box-Shadow-Wechsel */
.product-card-exact:hover,
.arrival-card-exact:hover,
.help-card-exact:hover,
.promo-banner-exact:hover,
.woo-category-card-12345:hover,
.woo-product-card-12345:hover,
.home-news-card-12345:hover,
.feature-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Promo-Banner Overlay-Effekt entfernen */
.promo-banner-exact:hover::before {
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SHOP PAGES — Cart · Checkout · Product Detail · Account · Thank You
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── CART PAGE ─────────────────────────────────────────────────────────── */
.cart-page-12345 {
    background: #fff !important;
}
.cart-page-12345 .cart-title-12345 {
    color: var(--tc-dark) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 10px !important;
}
.cart-items-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.cart-item-12345 {
    border-bottom: 1px solid var(--tc-border-light) !important;
}
.cart-item-12345:hover {
    background: var(--tc-bg-light) !important;
}
.cart-item-details-12345 h3 {
    color: var(--tc-dark) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.cart-item-sku-12345 {
    color: #888 !important;
    font-size: 11px !important;
}
.quantity-input-12345 {
    border: 1px solid var(--tc-border-light) !important;
    background: var(--tc-bg-white) !important;
    color: var(--tc-dark) !important;
}
.quantity-input-12345:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}
.cart-item-price-12345 {
    color: var(--tc-dark) !important;
    font-weight: 700 !important;
}
/* Löschen-Button im Cart: dezentes Rot behalten, aber konsistent */
.cart-item-actions-12345 button,
.remove-item-btn-12345 {
    background: transparent !important;
    color: #c0392b !important;
    border: 1px solid transparent !important;
}
.cart-item-actions-12345 button:hover,
.remove-item-btn-12345:hover {
    background: rgba(192,57,43,0.06) !important;
    border-color: #c0392b !important;
}
/* Cart Summary Box */
.cart-summary-12345,
.summary-card-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.summary-card-12345 h2,
.cart-summary-title-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 16px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    margin: 0 !important;
}
.summary-card-12345 .btn-12345 {
    background: #14122c !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.summary-card-12345 .btn-12345:hover,
.summary-card-12345 .btn-12345:focus {
    background: #302f41 !important;
    color: #fff !important;
}
/* Coupon */
.coupon-input-row-12345 input[type="text"]:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
}

/* ── CHECKOUT PAGE ─────────────────────────────────────────────────────── */
.checkout-page-12345 {
    background: #fff !important;
}
.checkout-page-12345 .checkout-title-12345 {
    color: var(--tc-dark) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #14122c !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.checkout-subtitle-12345 {
    color: #666 !important;
    font-size: 13px !important;
}
.checkout-section-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.checkout-section-12345 h2 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 16px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    margin: 0 !important;
}
/* Checkout Order Summary Info Box (war blau) */
.checkout-summary-title-12345 {
    color: var(--tc-dark) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
}
.checkout-summary-text-12345 {
    color: #555 !important;
}
/* Info-Box im Checkout (war blauer Gradient) */
.checkout-column-right-12345 > div[style*="#e3f2fd"],
.checkout-info-box-12345,
[class*="checkout"] [style*="bbdefb"],
[class*="checkout"] [style*="e3f2fd"] {
    background: var(--tc-accent-light) !important;
    border-color: var(--tc-accent) !important;
}
/* Payment Radio */
.payment-method-label-12345 {
    border: 1px solid var(--tc-border-light) !important;
    background: var(--tc-bg-white) !important;
}
.payment-method-label-12345:has(input:checked) {
    border-color: var(--tc-accent) !important;
    background: var(--tc-accent-light) !important;
}
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--tc-accent) !important;
}
/* Checkout Error */
.checkout-error-12345 {
    background: rgba(192,57,43,0.06) !important;
    border: 1px solid #c0392b !important;
    color: #c0392b !important;
}
/* Checkout Submit Button */
.checkout-form-12345 button[type="submit"],
.btn-checkout-submit-12345,
#checkout-submit-btn-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    padding: 14px 20px !important;
    width: 100% !important;
}
.checkout-form-12345 button[type="submit"]:hover {
    background: var(--tc-accent-h) !important;
}
/* USt-ID Feedback */
.ustid-valid-12345 { color: var(--tc-accent) !important; }
.ustid-invalid-12345 { color: #c0392b !important; }

/* ── THANK YOU / ERFOLG PAGE ───────────────────────────────────────────── */
.checkout-success-page-12345,
.erfolgseite-12345,
.thankyou-page-12345 {
    background: var(--tc-bg-light) !important;
    padding: 40px 0 !important;
}
.thankyou-icon-12345,
.success-checkmark-12345 {
    color: var(--tc-accent) !important;
}
.thankyou-title-12345,
.erfolgseite-title-12345 {
    color: var(--tc-dark) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}
.thankyou-card-12345,
.order-confirmation-box-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-top: 3px solid var(--tc-accent) !important;
}
.thankyou-order-number-12345 {
    background: var(--tc-accent-light) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
}
.thankyou-actions-12345 .btn-12345,
.erfolgseite-btn-12345 {
    background: #14122c !important;
    color: #fff !important;
}
.thankyou-actions-12345 .btn-12345:hover,
.thankyou-actions-12345 .btn-12345:focus {
    background: #302f41 !important;
    color: #fff !important;
}
.thankyou-steps-12345 .step-icon-12345 {
    background: var(--tc-accent-light) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

/* ── ACCOUNT / DASHBOARD ───────────────────────────────────────────────── */
/* Alert Boxes im Dashboard */
.alert-success-12345,
[class*="alert"][style*="d4edda"],
[class*="alert"][style*="c3e6cb"] {
    background: rgba(27,147,125,0.08) !important;
    border: 1px solid var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}
.alert-danger-12345,
[class*="alert"][style*="f8d7da"],
[class*="alert"][style*="f5c6cb"] {
    background: rgba(192,57,43,0.06) !important;
    border: 1px solid #c0392b !important;
    color: #c0392b !important;
}
/* Status-Icons */
[style*="color: #28a745"],
[style*="color:#28a745"] {
    color: var(--tc-accent) !important;
}
[style*="color: #dc3545"],
[style*="color:#dc3545"] {
    color: #c0392b !important;
}
/* Dashboard Karten */
.account-card-12345,
.dashboard-card-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
}
.account-card-header-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 16px !important;
}
/* Bestellungen */
.order-row-12345:hover {
    background: var(--tc-accent-light) !important;
}
.order-status-completed-12345,
.badge-success-12345 {
    background: rgba(27,147,125,0.1) !important;
    color: var(--tc-accent) !important;
    border: 1px solid var(--tc-accent) !important;
}
.order-status-pending-12345,
.badge-warning-12345 {
    background: rgba(180,130,30,0.08) !important;
    color: #7a5c00 !important;
    border: 1px solid #c9a000 !important;
}
.order-status-cancelled-12345,
.badge-danger-12345 {
    background: rgba(192,57,43,0.08) !important;
    color: #c0392b !important;
    border: 1px solid #c0392b !important;
}
/* Produktcodes Box */
.product-code-box-12345 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    border: 1px solid var(--tc-border-dark) !important;
    font-family: 'Roboto Mono', monospace !important;
}
.copy-code-btn-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    border: none !important;
}
.copy-code-btn-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── STRIPE WIDGET HARMONISIERUNG ──────────────────────────────────────── */
#stripe-express-cart-12345 .sxc-sep-line,
#stripe-express-checkout-12345 .sxc-sep-line,
#stripe-express-product-12345 .sxc-sep-line {
    background: var(--tc-border-light) !important;
}
#stripe-express-cart-12345 .sxc-error,
#stripe-express-checkout-12345 .sxc-error,
#stripe-express-product-12345 .sxc-error {
    background: rgba(192,57,43,0.06) !important;
    border-color: #c0392b !important;
    color: #c0392b !important;
}

/* ── GLOBAL FORM ELEMENTS (Cart/Checkout/Account) ──────────────────────── */
.form-group-12345 label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
.form-group-12345 input,
.form-group-12345 select,
.form-group-12345 textarea {
    border: 1px solid var(--tc-border-light) !important;
    background: var(--tc-bg-white) !important;
    color: var(--tc-dark) !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
}
.form-group-12345 input:focus,
.form-group-12345 select:focus,
.form-group-12345 textarea:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px var(--tc-accent-light) !important;
    outline: none !important;
}
.form-row-12345 {
    gap: 12px !important;
}

/* ── GLOBAL BTN-12345 (Cart/Checkout/Account) ──────────────────────────── */
.btn-12345 {
    background: #14122c !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
}
.btn-12345:hover {
    background: #302f41 !important;
    color: #fff !important;
}
.btn-secondary-12345 {
    background: transparent !important;
    border: 1px solid var(--tc-border-light) !important;
    color: var(--tc-dark) !important;
}
.btn-secondary-12345:hover {
    border-color: var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

/* ── PORTAL INFO BOX (Checkout/Bestelldetails) ─────────────────────────── */
.portal-info-box-12345 {
    background: linear-gradient(135deg, rgba(27,147,125,0.10) 0%, rgba(27,147,125,0.04) 100%) !important;
    border: 1px solid var(--tc-accent) !important;
}
.portal-info-box-12345 .material-icons {
    color: var(--tc-accent) !important;
}
.portal-info-box-12345 strong {
    color: var(--tc-dark) !important;
}
.portal-info-box-12345 p {
    color: #444 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CHECKOUT / CART LAYOUT FIXES — Inkonsistenzen beseitigen
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Checkout Shell: kein border-radius, flacher Schatten ──────────────── */
.checkout-shell-12345 {
    background: var(--tc-bg-white) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid var(--tc-border-light) !important;
    padding: 20px 24px !important;
}

/* ── Section Headers: einheitliches Dark-Header-Pattern ───────────────── */
.checkout-section-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
}
.checkout-section-12345 h2 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 8px 12px !important;
    margin: 0 0 10px 0 !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.checkout-section-12345 > *:not(h2) {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.checkout-section-12345 > *:last-child {
    padding-bottom: 10px !important;
}

/* ── Order Summary Box: dunkler Header, weißer Körper ─────────────────── */
.checkout-summary-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    align-self: flex-start !important;
}
.checkout-summary-12345 h3 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 8px 12px !important;
    margin: 0 0 8px 0 !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.checkout-summary-12345 > *:not(h3) {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* ── Form Inputs: kompakteres IT-Theme, keine Rundungen ───────────────── */
.form-group-12345 {
    margin-bottom: 6px !important;
    font-size: 13px !important;
}
.form-group-12345 label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 4px !important;
}
.form-group-12345 input,
.form-group-12345 select,
.form-group-12345 textarea {
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 7px 9px !important;
    font-size: 13px !important;
    background: var(--tc-bg-white) !important;
    color: var(--tc-dark) !important;
    transition: border-color 0.15s !important;
}
.form-group-12345 input:hover,
.form-group-12345 select:hover,
.form-group-12345 textarea:hover {
    border-color: #bbb !important;
}
.form-group-12345 input:focus,
.form-group-12345 select:focus,
.form-group-12345 textarea:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px rgba(27,147,125,0.15) !important;
    outline: none !important;
}
.form-group-12345 input[type="radio"],
.form-group-12345 input[type="checkbox"] {
    border: none !important;
    box-shadow: none !important;
    accent-color: var(--tc-accent) !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* ── Coupon / Gutschein Fieldset ──────────────────────────────────────── */
.coupon-box-12345 {
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    padding: 11px !important;
    margin: 12px 0 16px !important;
    background: #f7f7f7 !important;
    box-shadow: 0 4px 12px rgb(255, 255, 255) !important;
}
.coupon-title-12345 {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--tc-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0 6px !important;
    background: transparent !important;
}
.coupon-hint-12345 {
    font-size: 12px !important;
    color: #777 !important;
    margin-bottom: 6px !important;
}
.coupon-input-row-12345 {
    display: flex !important;
    gap: 6px !important;
}
.coupon-input-row-12345 input[type="text"] {
    flex: 1 !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 7px 9px !important;
    font-size: 13px !important;
    background: var(--tc-bg-white) !important;
    color: var(--tc-dark) !important;
}
.coupon-input-row-12345 input[type="text"]:focus {
    border-color: var(--tc-accent) !important;
    box-shadow: 0 0 0 2px rgba(27,147,125,0.12) !important;
    outline: none !important;
}
.coupon-input-row-12345 .btn-secondary-12345 {
    background: var(--tc-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.coupon-input-row-12345 .btn-secondary-12345:hover {
    background: var(--tc-accent-h) !important;
}

/* ── Checkout Submit Button ───────────────────────────────────────────── */
.checkout-submit-12345,
.btn-12345.checkout-submit-12345 {
    background: #14122c !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 13px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 8px !important;
}
.checkout-submit-12345:hover {
    background: var(--tc-accent-h) !important;
}
.checkout-submit-12345:disabled {
    background: #aaa !important;
    cursor: not-allowed !important;
}

/* ── Checkout Checkbox Labels ─────────────────────────────────────────── */
.checkout-checkbox-label-12345,
.form-group-12345 label.checkout-checkbox-label-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #444 !important;
    cursor: pointer !important;
    line-height: 1.5 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
.checkout-checkbox-label-12345 .checkbox-text-12345 {
    flex: 1 !important;
    min-width: 0 !important;
    word-break: break-word !important;
}
.checkout-checkbox-label-12345 input[type="checkbox"],
.form-group-12345 label.checkout-checkbox-label-12345 input[type="checkbox"] {
    flex-shrink: 0 !important;
    margin-top: 3px !important;
    accent-color: var(--tc-accent) !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ── Currency Notice (was blau/lila inline) ───────────────────────────── */
.checkout-currency-notice-12345 {
    background: rgba(27,147,125,0.07) !important;
    border: 1px solid rgba(27,147,125,0.25) !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    margin-top: 10px !important;
}
.checkout-currency-notice-12345 .material-icons {
    color: var(--tc-accent) !important;
}
.checkout-currency-notice-12345 strong {
    color: var(--tc-dark) !important;
}
.checkout-currency-notice-12345 div[style*="flex: 1"],
.checkout-currency-notice-12345 > div > div {
    color: #444 !important;
}

/* ── Payment Method Labels ────────────────────────────────────────────── */
.payment-method-label-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    background: var(--tc-bg-white) !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
}
.payment-method-label-12345:has(input:checked) {
    border-color: var(--tc-accent) !important;
    background: rgba(27,147,125,0.05) !important;
}
.payment-description-12345 {
    font-size: 12px !important;
    color: #666 !important;
    padding: 4px 10px 6px 60px !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
    margin-bottom: 6px !important;
}
#stripe-inline-wrapper-12345 {
    padding: 0 10px 8px !important;
}

/* ── Cart Summary Card ────────────────────────────────────────────────── */
.summary-card-12345 {
    background: var(--tc-bg-white) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.summary-card-12345 > h3 {
    background: var(--tc-dark) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 8px 12px !important;
    margin: 0 0 10px 0 !important;
    border-bottom: 2px solid var(--tc-accent) !important;
}
.summary-card-12345 > *:not(h3) {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.summary-card-12345 > *:last-child {
    padding-bottom: 10px !important;
}
.summary-row-12345 {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12px !important;
    padding: 3px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    color: var(--tc-dark) !important;
}
.summary-total-12345 {
    font-weight: 700 !important;
    font-size: 14px !important;
    border-top: 1px solid var(--tc-border-light) !important;
    padding-top: 6px !important;
    border-bottom: none !important;
    margin-top: 4px !important;
}

/* ── Cart "Zur Kasse" Button ──────────────────────────────────────────── */
.summary-card-12345 a.btn-12345,
.cart-summary-12345 a.btn-12345 {
    display: block !important;
    text-align: center !important;
    background: #14122c !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 10px 0 !important;
}
.summary-card-12345 a.btn-12345:hover {
    background: #302f41 !important;
}

/* ── Cart "Warenkorb leeren" Button ───────────────────────────────────── */
.summary-card-12345 button.btn-secondary-12345 {
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #666 !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    cursor: pointer !important;
}
.summary-card-12345 button.btn-secondary-12345:hover {
    border-color: var(--tc-accent) !important;
    color: var(--tc-accent) !important;
}

/* ── PayPal Container im Cart ─────────────────────────────────────────── */
.summary-card-12345 [style*="border-top"],
#paypal-button-cart {
    border-top: 1px solid var(--tc-border-light) !important;
}

/* ── Checkout Page Title ──────────────────────────────────────────────── */
.checkout-page-12345 .checkout-title-12345 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    border-bottom: 2px solid #14122c !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* ── Checkout Footer Links ────────────────────────────────────────────── */
.checkout-right-12345 > div > a,
.checkout-summary-12345 + div a {
    color: #666 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}
.checkout-right-12345 > div > a:hover,
.checkout-summary-12345 + div a:hover {
    color: var(--tc-accent) !important;
}

/* ── Password Container ───────────────────────────────────────────────── */
#password_fields_container {
    background: var(--tc-bg-light) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    margin-top: 6px !important;
}

/* ── Cart page Layout ─────────────────────────────────────────────────── */
.cart-content-12345 {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    gap: 16px !important;
    align-items: flex-start !important;
}
.cart-items-12345 {
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--tc-bg-white) !important;
}
.cart-item-12345 {
    display: grid !important;
    grid-template-columns: 80px minmax(0, 1.4fr) 140px 130px 80px !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 3px !important;
    background: #fff !important;
    align-items: center !important;
    border-left: 1px solid rgb(229, 229, 229) !important;
    border-right: 1px solid rgb(229, 229, 229) !important;
    border-bottom: 1px solid rgb(229, 229, 229) !important;
    border-top: 3px solid #1b937d !important;
}
.cart-item-12345:last-child {
    border-bottom: none !important;
}
.cart-item-12345:hover {
    background: rgba(27,147,125,0.03) !important;
}
.cart-item-image-12345 img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    border: 1px solid var(--tc-border-light) !important;
}
.cart-item-details-12345 h3 {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--tc-dark) !important;
    margin: 0 0 3px 0 !important;
}
.cart-item-details-12345 h3 a {
    color: var(--tc-dark) !important;
    text-decoration: none !important;
}
.cart-item-details-12345 h3 a:hover {
    color: var(--tc-accent) !important;
}
.cart-item-sku-12345 {
    font-size: 11px !important;
    color: #999 !important;
    margin: 0 !important;
}
.cart-item-quantity-12345 label {
    font-size: 11px !important;
    color: #777 !important;
    display: block !important;
    margin-bottom: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
.quantity-input-12345 {
    width: 52px !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 0 !important;
    padding: 5px 6px !important;
    font-size: 13px !important;
    text-align: center !important;
    background: var(--tc-bg-white) !important;
    color: var(--tc-dark) !important;
}
.quantity-input-12345:focus {
    border-color: var(--tc-accent) !important;
    outline: none !important;
}
.cart-item-price-12345 {
    text-align: right !important;
}
.price-single-12345 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
}
.price-total-12345 {
    font-size: 11px !important;
    color: #888 !important;
}
.btn-danger-12345 {
    background: transparent !important;
    color: #c0392b !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    cursor: pointer !important;
}
.btn-danger-12345:hover {
    background: rgba(192,57,43,0.07) !important;
    border-color: #c0392b !important;
}

/* ── Cart Title ───────────────────────────────────────────────────────── */
.cart-title-12345 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--tc-dark) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid var(--tc-accent) !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
}

/* ── Cart PayPal Express Section ──────────────────────────────────────── */
.cart-paypal-express-12345 {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--tc-border-light) !important;
}
.cart-paypal-label-12345 {
    margin: 0 0 6px 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

/* ── Checkout Meta Rows (Kundentyp / Steuerregel) ─────────────────────── */
.checkout-meta-row-12345 {
    font-size: 11px !important;
    color: #777 !important;
    margin-top: 3px !important;
    border-bottom: none !important;
    justify-content: flex-start !important;
}

/* ── Checkout Summary Row spacing ─────────────────────────────────────── */
.checkout-summary-row-12345 {
    font-size: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 3px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}
.checkout-summary-row-12345:last-of-type {
    border-bottom: none !important;
    font-weight: 700 !important;
}

/* ======================================================================
   LIZENZGURU-STYLE EXTENDED OVERRIDES
   Inspired by lizenzguru.de — purple primary, clean cards, orange promo
   ====================================================================== */

/* ── Product Cards — Lizenzguru Style ─────────────────────────────────── */
.product-card-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(27,147,125,0.07) !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.product-card-exact:hover {
    box-shadow: 0 6px 20px rgba(27,147,125,0.18) !important;
    transform: translateY(-2px) !important;
    border-color: #c4a8e8 !important;
}

/* ── Product Price — bold purple like Lizenzguru ──────────────────────── */
.price-exact,
.product-price-exact,
.price-current-exact,
[class*="price-current"],
[class*="product-price"] {
    color: #1b937d !important;
    font-weight: 700 !important;
}

/* ── Sale / Discount Badge — orange ───────────────────────────────────── */
.badge-sale-exact,
.badge-discount-exact,
.badge-new-exact,
[class*="badge-sale"],
[class*="discount-badge"],
.product-badge-exact {
    background: var(--tc-promo) !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

/* ── Section Title — purple left-border like Lizenzguru ───────────────── */
.section-title-exact,
.section-header-exact h2,
.section-header-exact h3 {
    color: #13112a !important;
    font-weight: 700 !important;
}

/* ── Category Boxes — white cards with purple hover ───────────────────── */
.category-card-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(27,147,125,0.06) !important;
    transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.category-card-exact:hover {
    border-color: #1b937d !important;
    box-shadow: 0 4px 14px rgba(27,147,125,0.15) !important;
}

/* ── Hero Slider — purple gradient overlay ────────────────────────────── */
.hero-slider-exact .slick-slide,
.hero-slide-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
}

/* ── Navigation hover — purple ────────────────────────────────────────── */
.nav-item-exact a:hover,
.nav-link-exact:hover {
    color: #c084f0 !important;
    background: rgba(27,147,125,0.1) !important;
}

/* ── Footer background — match Lizenzguru dark ────────────────────────── */
.footer-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border-top: 3px solid #6c6c6c !important;
}
.footer-bottom-exact {
    background: #0d0b1e !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* ── In-stock badge — purple ──────────────────────────────────────────── */
.in-stock-12345 {
    background: rgba(27,147,125,0.75) !important;
    color: #fff !important;
    border-radius: 3px !important;
}

/* ── Cart badge ping — deaktiviert ───────────────────────────────────── */
.cart-badge-ping-12345 {
    display: none !important;
    animation: none !important;
}

/* ── Checkout & Cart — purple accents ─────────────────────────────────── */
.checkout-total-12345,
.cart-total-12345 {
    color: #1b937d !important;
    font-weight: 700 !important;
}

/* ── Input focus — purple outline ─────────────────────────────────────── */
input:focus,
select:focus,
textarea:focus {
    border-color: #1b937d !important;
    box-shadow: 0 0 0 3px rgba(27,147,125,0.15) !important;
    outline: none !important;
}

/* ── Announcement / Topbar — purple gradient ─────────────────────────── */
.top-announcement-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border-bottom: 1px solid #1b937d !important;
}

/* ── Cart item top border — purple ────────────────────────────────────── */
.cart-item-12345 {
    border-top: 3px solid #1b937d !important;
    border-left: 1px solid #d4ece7 !important;
    border-right: 1px solid #d4ece7 !important;
    border-bottom: 1px solid #d4ece7 !important;
}

/* ── Software template top border — purple ────────────────────────────── */
.software-template-2025 {
    border-top: none !important;
}

/* ── Contact support box ─────────────────────────────────────────────── */
.contact-support-box {
    background: rgba(27,147,125,0.04) !important;
    border: 2px solid #1b937d !important;
}
.contact-support-title {
    color: #1b937d !important;
}

/* ── Primary buttons (checkout, etc.) — purple ────────────────────────── */
.btn-primary-exact,
.btn-checkout-exact,
[class*="btn-primary"],
.checkout-btn-12345,
button[type="submit"].btn-exact {
    background: #14122c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}
.btn-primary-exact:hover,
.btn-checkout-exact:hover,
[class*="btn-primary"]:hover,
.checkout-btn-12345:hover,
button[type="submit"].btn-exact:hover {
    background: #1b937d !important;
    box-shadow: none !important;
}

/* ── Section alternating backgrounds ─────────────────────────────────── */
.new-arrivals-exact {
    background: linear-gradient(135deg, #f5faf9 0%, #e8f5f2 50%, #fff 100%) !important;
}


/* ======================================================================
   LIZENZGURU LAYOUT — 1:1 UMSETZUNG
   Container 1280px · Lila Nav · 4-Spalten Produktgrid · Weiße Cards
   ====================================================================== */

/* ── 1) Container — Lizenzguru max-width 1280px ───────────────────────── */
.container-exact {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* ── 2) Navigation — Lizenzguru PURPLE band ───────────────────────────── */
.nav-exact {
    background: #1b937d !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.nav-exact .container-exact {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 20px !important;
}
.nav-menu-exact {
    gap: 0 !important;
    height: auto !important;
    flex-wrap: nowrap !important;
}
.nav-menu-exact a {
    color: rgba(255,255,255,0.92) !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}
.nav-menu-exact a:hover,
.nav-cat-item-exact:hover > a {
    color: #fff !important;
    background: rgba(0,0,0,0.15) !important;
}
/* Category toggle (hamburger icon if present) */
.cat-toggle-exact {
    background: rgba(0,0,0,0.2) !important;
    border-radius: 0 !important;
}

/* ── 3) Header — dark mit weißem Logo, search, icons ─────────────────── */
.header-exact {
    background: var(--tc-dark) !important;
    padding: 12px 0 !important;
    border-bottom: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.35) !important;
}
.header-exact .container-exact {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 24px !important;
}

/* ── 4) Search — white box with purple focus (Lizenzguru style) ──────── */
/* search-exact form – overridden below */
.search-exact form:focus-within {
    box-shadow: 0 0 0 2px #1b937d !important;
}
.search-exact input {
    flex: 1 !important;
    border: none !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    background: transparent !important;
    outline: none !important;
    min-width: 0 !important;
}
.search-exact button {
    background: #1b937d !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 16px !important;
    cursor: pointer !important;
    border-radius: 0 20px 20px 0 !important;
    transition: background 0.2s !important;
}
.search-exact button:hover {
    background: #157a68 !important;
}

/* ── 5) Utility bar — dark minimal ────────────────────────────────────── */
.utility-bar-exact {
    background: #0d0b1e !important;
    padding: 6px 0 !important;
    font-size: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* ── 6) Product Grid — 4 columns (Lizenzguru style) ──────────────────── */
.product-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
}
@media (max-width: 1100px) {
    .product-grid-exact {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .product-grid-exact {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}
@media (max-width: 480px) {
    .product-grid-exact {
        grid-template-columns: 1fr !important;
    }
}

/* ── 7) Product Card — white, rounded, shadow like Lizenzguru ─────────── */
.product-card-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
    box-shadow: 0 1px 6px rgba(27,147,125,0.07) !important;
    height: 100% !important;
}
.product-card-exact:hover {
    box-shadow: 0 6px 22px rgba(27,147,125,0.18) !important;
    transform: translateY(-2px) !important;
    border-color: #c4a8e8 !important;
}
.product-image-exact {
    aspect-ratio: 4/3 !important;
    overflow: hidden !important;
    background: #f8f7ff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.product-image-exact img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 12px !important;
    transition: transform 0.3s ease !important;
}
.product-card-exact:hover .product-image-exact img {
    transform: scale(1.04) !important;
}
.product-info-exact {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    gap: 6px !important;
}
.product-info-exact h3 {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    color: #1a1831 !important;
    flex: 1 !important;
}
.product-info-exact h3 a {
    color: inherit !important;
    text-decoration: none !important;
}
.product-info-exact h3 a:hover {
    color: #1b937d !important;
}
.product-price-exact {
    margin-top: auto !important;
}
.price-current-exact,
.price-exact {
    color: #1b937d !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.product-tax-exact {
    font-size: 10px !important;
    color: #888 !important;
}
.btn-cart-exact {
    background: #1b937d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    width: 100% !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    transition: background 0.2s !important;
    text-align: center !important;
    display: block !important;
    text-decoration: none !important;
}
.btn-cart-exact:hover {
    background: #157a68 !important;
}

/* ── 8) Section header — Lizenzguru style with left accent ────────────── */
.section-header-exact {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    border-left: 4px solid #1b937d !important;
    padding-left: 12px !important;
}
.section-header-exact h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin: 0 !important;
}
.link-more-exact {
    color: #1b937d !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.link-more-exact:hover {
    color: #157a68 !important;
    text-decoration: underline !important;
}

/* ── 9) Product sections spacing ─────────────────────────────────────── */
.product-section-exact {
    padding: 28px 0 !important;
    background: #fff !important;
}
.product-section-exact:nth-of-type(even) {
    background: #f5faf9 !important;
}

/* ── 10) Icon/USP Bar — 3 columns, white card Lizenzguru style ────────── */
.icon-bar-exact {
    background: #fff !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid #d4ece7 !important;
    border-top: 1px solid #d4ece7 !important;
}
.icon-bar-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
}
.icon-item-exact {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    background: #f5faf9 !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
}
.icon-item-exact .material-icons {
    font-size: 28px !important;
    color: #1b937d !important;
    flex-shrink: 0 !important;
}
.icon-item-exact strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    display: block !important;
    margin-bottom: 2px !important;
}
.icon-item-exact p {
    font-size: 12px !important;
    color: #555 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ── 11) Promo banners — like Lizenzguru highlighted sections ─────────── */
.promo-banners-exact {
    background: #f0eafc !important;
    padding: 24px 0 !important;
}
.promo-banners-grid-exact {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}
.promo-banner-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    padding: 28px 28px !important;
    position: relative !important;
}
.promo-banner-content-exact h3 {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}
.promo-banner-content-exact p {
    color: rgba(255,255,255,0.75) !important;
    font-size: 13px !important;
    margin-bottom: 18px !important;
    line-height: 1.5 !important;
}

/* ── 12) New arrivals slider ─────────────────────────────────────────── */
.new-arrivals-exact {
    background: linear-gradient(135deg, #f5faf9 0%, #e8f5f2 50%, #fff 100%) !important;
    padding: 28px 0 !important;
}
.new-arrivals-exact h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin-bottom: 16px !important;
    border-left: 4px solid #1b937d !important;
    padding-left: 12px !important;
}

/* ── 13) Arrival card ────────────────────────────────────────────────── */
.arrival-card-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.arrival-card-exact:hover {
    box-shadow: 0 4px 16px rgba(27,147,125,0.15) !important;
    transform: translateY(-1px) !important;
}

/* ── 14) SEO content section ────────────────────────────────────────── */
.seo-content-section-exact {
    background: #fff !important;
    padding: 24px 0 !important;
    border-top: 1px solid #d4ece7 !important;
}
.seo-content-headline-12345 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin-bottom: 8px !important;
}
.seo-content-text-12345 {
    font-size: 13px !important;
    color: #444 !important;
    line-height: 1.6 !important;
}

/* ── 15) Reviews section ─────────────────────────────────────────────── */
.reviews-section-exact {
    background: #f5faf9 !important;
    padding: 28px 0 !important;
    border-top: 1px solid #d4ece7 !important;
}
.reviews-header-exact h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    border-left: 4px solid #1b937d !important;
    padding-left: 12px !important;
}

/* ── 16) Mega menu — white dropdown ──────────────────────────────────── */
.mega-menu-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-top: 3px solid #1b937d !important;
    box-shadow: 0 8px 24px rgba(27,147,125,0.12) !important;
    border-radius: 0 0 6px 6px !important;
}
.mega-subcat-title-exact-element-cat {
    color: #1b937d !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}
.mega-products-exact li a {
    color: #333 !important;
    font-size: 12px !important;
}
.mega-products-exact li a:hover {
    color: #1b937d !important;
}

/* ── 17) Footer — Lizenzguru dark multi-column ───────────────────────── */
.footer-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border-top: 3px solid #6c6c6c !important;
}
.footer-col-exact h4,
.footer-col-exact h3 {
    color: #1b937d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.footer-col-exact a,
.footer-col-exact li a {
    color: rgba(255,255,255,0.65) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    line-height: 1.8 !important;
}
.footer-col-exact a:hover,
.footer-col-exact li a:hover {
    color: #c084f0 !important;
}
.footer-bottom-exact {
    background: #0d0b1e !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    padding: 14px 0 !important;
}

/* ── 18) Responsive nav adjustments ─────────────────────────────────── */
@media (max-width: 900px) {
    .icon-bar-grid-exact {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .icon-bar-grid-exact {
        grid-template-columns: 1fr !important;
    }
    .promo-banners-grid-exact {
        grid-template-columns: 1fr !important;
    }
    .header-exact .container-exact {
        grid-template-columns: auto 1fr auto !important;
        gap: 12px !important;
    }
}


/* Special offer badge on nav — orange to stand out on purple bg */
.special-offer-exact {
    background: var(--tc-promo) !important;
    color: #fff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
.special-offer-exact:hover {
    background: var(--tc-promo-h) !important;
    color: #fff !important;
}

/* ======================================================================
   CRITICAL FIXES — Overrides für konkrete Screenshot-Probleme
   ====================================================================== */

/* ── Search pill ─────────────────────────────────────────────────────── */
.search-exact form,
.search-exact > form {
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #fff !important;
    display: flex !important;
    border: none !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3) !important;
}
.search-exact input[type="text"],
.search-exact input {
    border-radius: 0 !important;
    border: none !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    flex: 1 !important;
    min-width: 0 !important;
    background: transparent !important;
    outline: none !important;
}
.search-exact button[type="submit"],
.search-exact button {
    border-radius: unset !important;
    background: #131129 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}
.search-exact button:hover {
    background: #157a68 !important;
}

/* ── Header icons styling ────────────────────────────────────────────── */
.icon-action-exact {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    color: rgba(255,255,255,0.88) !important;
    text-decoration: none !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    transition: background 0.15s !important;
}
.icon-action-exact:hover {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}
.icon-action-exact .material-icons {
    font-size: 22px !important;
    color: inherit !important;
}
.header-actions-exact {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* ── Hero slider area ────────────────────────────────────────────────── */
.hero-slider-section-12345,
.hero-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
}
.hero-overlay-12345 {
    background: rgba(0,0,0,0.25) !important;
}
.hero-main-exact {
    min-height: 320px !important;
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
}

/* ── Product card white background ───────────────────────────────────── */
.product-card-exact,
.home-product-card-12345 {
    background: #ffffff !important;
    border-radius: 6px !important;
    border: 1px solid #d4ece7 !important;
    box-shadow: 0 2px 8px rgba(27,147,125,0.07) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.product-image-exact {
    background: #f5faf9 !important;
    aspect-ratio: 1/1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
}
.product-image-exact img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 16px !important;
}

/* ── Price large and purple ──────────────────────────────────────────── */
.price-current-exact {
    color: #1b937d !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    display: block !important;
}
.price-old-exact {
    color: #999 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
}
.product-tax-exact {
    font-size: 10px !important;
    color: #aaa !important;
    margin-top: 1px !important;
}

/* ── Cart button purple ───────────────────────────────────────────────── */
.btn-cart-exact {
    background: #1b937d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 9px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    width: 100% !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    transition: background 0.2s !important;
}
.btn-cart-exact:hover {
    background: #157a68 !important;
}

/* ── Product info padding ─────────────────────────────────────────────── */
.product-info-exact {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
.product-info-exact h3 {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #333 !important;
    line-height: 1.35 !important;
    margin: 0 0 6px 0 !important;
    flex: 1 !important;
}
.product-info-exact h3 a {
    color: inherit !important;
    text-decoration: none !important;
}
.product-info-exact h3 a:hover {
    color: #1b937d !important;
}

/* ── Product grid 4 columns ───────────────────────────────────────────── */
.product-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
}
@media (max-width: 1100px) {
    .product-grid-exact { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
    .product-grid-exact { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}

/* ── Section backgrounds alternating ─────────────────────────────────── */
.product-section-exact {
    background: #fff !important;
    padding: 24px 0 !important;
}
.product-section-exact:nth-child(even) {
    background: #f5faf9 !important;
}

/* ── New arrivals slider ─────────────────────────────────────────────── */
.arrival-card-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.arrival-card-exact h3 {
    font-size: 12px !important;
    color: #333 !important;
    padding: 8px !important;
    margin: 0 !important;
}
.arrival-card-exact .price-exact {
    padding: 0 8px 10px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
    margin: 0 !important;
}

/* ── Help section ────────────────────────────────────────────────────── */
.help-section-exact {
    background: #e8f5f2 !important;
    padding: 32px 0 !important;
}
.help-card-exact {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    padding: 14px !important;
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    text-decoration: none !important;
    transition: box-shadow 0.2s !important;
}
.help-card-exact:hover {
    box-shadow: 0 4px 14px rgba(27,147,125,0.15) !important;
    border-color: #1b937d !important;
}
.help-card-exact .material-icons {
    color: #1b937d !important;
    font-size: 24px !important;
}
.help-card-exact strong {
    color: #13112a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: block !important;
}
.help-card-exact p {
    color: #666 !important;
    font-size: 12px !important;
    margin: 2px 0 0 !important;
}

/* ── FAQ section ─────────────────────────────────────────────────────── */
.faq-section-exact {
    background: #fff !important;
    padding: 48px 0 !important;
    border-top: 1px solid #e5e7eb !important;
}
.faq-heading-exact {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    border-left: 4px solid #1b937d !important;
    padding-left: 14px !important;
    margin-bottom: 24px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.faq-item-exact {
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    margin-bottom: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
}
.faq-toggle-exact {
    background: #fff !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
    padding: 14px 16px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.faq-toggle-exact:hover {
    background: #f5faf9 !important;
}
.faq-item-exact.open .faq-toggle-exact {
    background: #f0faf8 !important;
    border-left: 3px solid #1b937d !important;
}
.faq-question-exact {
    color: #13112a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.faq-icon-exact {
    color: #1b937d !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}
.faq-item-exact.open .faq-icon-exact {
    color: #1b937d !important;
}
.faq-answer-exact {
    padding: 14px 16px !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    background: #f9fafb !important;
    border-top: 1px solid #e5e7eb !important;
}
.faq-link-primary {
    color: #1b937d !important;
}
.faq-item-gmc-highlight .faq-toggle-exact {
    background: #f0faf8 !important;
    border-left: 3px solid #1b937d !important;
}
.faq-item-gmc-highlight.open .faq-toggle-exact {
    background: #e6f7f4 !important;
}
.faq-icon-info {
    color: #1b937d !important;
}

/* ── News cards ──────────────────────────────────────────────────────── */
.home-news-widget-12345 {
    background: #f5faf9 !important;
    padding: 28px 0 !important;
    border-top: 1px solid #d4ece7 !important;
}
.home-news-title-12345 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    border-left: 4px solid #1b937d !important;
    padding-left: 12px !important;
    margin: 0 !important;
}
.home-news-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-top: 18px !important;
}
.home-news-card-12345 {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: box-shadow 0.2s !important;
}
.home-news-card-12345:hover {
    box-shadow: 0 4px 16px rgba(27,147,125,0.12) !important;
}
.home-news-card-title-12345 a {
    color: #13112a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.home-news-card-title-12345 a:hover {
    color: #1b937d !important;
}

/* ── Promo banners ───────────────────────────────────────────────────── */
.promo-banner-exact {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border-radius: 6px !important;
    padding: 28px !important;
}
.promo-banner-content-exact h3 {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}
.promo-banner-content-exact p {
    color: rgba(255,255,255,0.75) !important;
    font-size: 13px !important;
}

/* ── Utility bar slim ────────────────────────────────────────────────── */
.utility-bar-exact {
    background: #0d0b1e !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 5px 0 !important;
    font-size: 12px !important;
}
.utility-left-exact a,
.utility-right-exact a,
.utility-bar-exact a {
    color: rgba(255,255,255,0.65) !important;
    text-decoration: none !important;
    font-size: 12px !important;
}
.utility-left-exact a:hover,
.utility-right-exact a:hover {
    color: #c084f0 !important;
}

/* ── Global body background white ────────────────────────────────────── */
body {
    background: #fff !important;
}
main, .main-content, [role="main"] {
    background: #fff !important;
}


/* ======================================================================
   LIZENZGURU-STYLE NEW SECTIONS
   "4 Schritte" · Service Banner · Geschäftskunden Banner
   ====================================================================== */

/* ── "Günstig kaufen — 4 Schritte" ──────────────────────────────────── */
/* ── PROZESS-FLOW — Pfeil-Karten 1:1 Screenshot ─────────────────────── */
.lz-steps-section-12345 {
    background: #fff !important;
    padding: 48px 0 54px !important;
}
.lz-steps-header-12345 {
    text-align: center !important;
    margin-bottom: 36px !important;
}
.lz-steps-header-12345 h2 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 !important;
}

/* Arrow-Flow Container */
.lz-steps-flow-12345 {
    display: flex !important;
    align-items: stretch !important;
    gap: 6px !important;
}

/* ── BASIS für alle Pfeil-Karten ─────────────────────────────────────── */
.lz-step-arrow-12345 {
    flex: 1 !important;
    background: #1b937d !important;
    color: #fff !important;
    padding: 22px 36px 22px 46px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 120px !important;
    /*
     * KORREKTE Form:
     * - Links: VERTIEFUNG nach innen (28px tief bei 50%)
     * - Rechts: PFEIL nach außen (Spitze bei 100%)
     * Der rechte Pfeil zeigt in die linke Vertiefung der nächsten Karte.
     */
    clip-path: polygon(
        0%    0%,                   /* oben links */
        calc(100% - 28px) 0%,       /* oben rechts (Pfeilstart) */
        100%  50%,                  /* Pfeilspitze rechts */
        calc(100% - 28px) 100%,     /* unten rechts (Pfeilstart) */
        0%    100%,                 /* unten links */
        28px  50%                   /* Vertiefung links (28px eingerückt) */
    ) !important;
    transition: filter 0.15s !important;
}
.lz-step-arrow-12345:hover { filter: brightness(1.08) !important; }

/* Farbverlauf über alle 4 Karten (helles Violett → dunkles Navy) */
.lz-step-arrow-12345:nth-child(1) { background: linear-gradient(to right, #121028, #2d2a4c) !important; }
.lz-step-arrow-12345:nth-child(2) { background: linear-gradient(to right, #2a2748, #2b2849) !important; }
.lz-step-arrow-12345:nth-child(3) { background: linear-gradient(to right, #2b2849, #2b2849) !important; }
.lz-step-arrow-12345:nth-child(4) { background: linear-gradient(to right, #292646, #14122b) !important; }

/* ── Erste Karte: border-radius links, KEINE Vertiefung, Pfeil rechts ── */
.lz-step-first-12345 {
    /* Abgerundete Außen-Ecken links (approximiert über clip-path) */
    clip-path: polygon(
        0%    8px,                  /* oben links (radius start) */
        8px   0%,                   /* oben links (radius end) */
        calc(100% - 28px) 0%,       /* oben rechts (Pfeilstart) */
        100%  50%,                  /* Pfeilspitze rechts */
        calc(100% - 28px) 100%,     /* unten rechts (Pfeilstart) */
        8px   100%,                 /* unten links (radius start) */
        0%    calc(100% - 8px)      /* unten links (radius end) */
    ) !important;
    padding-left: 24px !important;
}

/* ── Letzte Karte: Vertiefung links, border-radius rechts, DUNKEL ────── */
.lz-step-last-12345 {
    /* Abgerundete Außen-Ecken rechts (approximiert über clip-path) */
    clip-path: polygon(
        0%    0%,                   /* oben links */
        calc(100% - 8px) 0%,        /* oben rechts (radius start) */
        100%  8px,                  /* oben rechts (radius end) */
        100%  calc(100% - 8px),     /* unten rechts (radius start) */
        calc(100% - 8px) 100%,      /* unten rechts (radius end) */
        0%    100%,                 /* unten links */
        28px  50%                   /* Vertiefung links (28px eingerückt) */
    ) !important;
    padding-right: 24px !important;
}

/* ── Text ────────────────────────────────────────────────────────────── */
.lz-step-arrow-12345 strong {
    display: block !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #1b937d !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}
.lz-step-arrow-12345 p {
    font-size: 12px !important;
    color: rgba(255,255,255,0.85) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .lz-steps-flow-12345 {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .lz-step-arrow-12345,
    .lz-step-first-12345,
    .lz-step-last-12345 {
        clip-path: none !important;
        padding: 18px 20px !important;
    }
}

/* ── "Service Center" Banner ─────────────────────────────────────────── */
.lz-service-banner-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 40px 0 !important;
    color: #fff !important;
}
.lz-service-inner-12345 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 40px !important;
    align-items: center !important;
}
.lz-service-text-12345 h2 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 10px 0 !important;
}
.lz-service-text-12345 p {
    color: rgba(255,255,255,0.75) !important;
    font-size: 14px !important;
    margin: 0 0 16px 0 !important;
}
.lz-service-list-12345 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px 20px !important;
}
.lz-service-list-12345 li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    color: rgba(255,255,255,0.85) !important;
    padding: 6px 0 !important;
}
.lz-service-list-12345 .material-icons {
    font-size: 16px !important;
    color: #c084f0 !important;
}
.lz-service-btn-12345 {
    display: inline-block !important;
    background: var(--tc-promo) !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}
.lz-service-btn-12345:hover {
    background: var(--tc-promo-h) !important;
}
.lz-service-icons-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}
.lz-service-icon-item-12345 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255,255,255,0.07) !important;
    border-radius: 6px !important;
    padding: 16px 12px !important;
    text-align: center !important;
    min-width: 100px !important;
}
.lz-service-icon-item-12345 .material-icons {
    font-size: 28px !important;
    color: #c084f0 !important;
}
.lz-service-icon-item-12345 span:last-child {
    font-size: 11px !important;
    color: rgba(255,255,255,0.75) !important;
}
@media (max-width: 768px) {
    .lz-service-inner-12345 {
        grid-template-columns: 1fr !important;
    }
    .lz-service-list-12345 {
        grid-template-columns: 1fr !important;
    }
    .lz-service-icons-12345 {
        display: none !important;
    }
}

/* ── Geschäftskunden-Banner ───────────────────────────────────────────── */
.lz-business-banner-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 28px 0 !important;
    color: #fff !important;
}
.lz-business-inner-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}
.lz-business-inner-12345 h2 {
    font-size: 27px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
    margin: 0 0 6px 0 !important;
}
.lz-business-inner-12345 p {
    color: rgba(255,255,255,0.8) !important;
    font-size: 13px !important;
    margin: 0 !important;
}
.lz-business-btn-12345 {
    flex-shrink: 0 !important;
    display: inline-block !important;
    background: #1b937d !important;
    color: #fff !important;
    padding: 12px 28px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
}
.lz-business-btn-12345:hover {
    background: #157a68 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}
@media (max-width: 768px) {
    .lz-business-inner-12345 {
        flex-direction: column !important;
        text-align: center !important;
    }
}


/* ======================================================================
   LIZENZGURU 1:1 — HOMEPAGE COMPLETE REBUILD CSS
   New classes: lz-hero, lz-usp, lz-products, lz-promo, etc.
   ====================================================================== */

/* ── HIDE OLD HERO SLIDER & STATIC HERO ──────────────────────────────── */
.hero-slider-section-12345,
.hero-exact,
.icon-bar-exact,
.seo-content-section-exact,
.promo-banners-exact,
.product-section-exact,
.new-arrivals-exact,
.games-section-exact,
.help-section-exact,
.home-news-widget-12345 {
    display: none !important;
}

/* ── HIDE OLD NAV-EXACT + UTILITY-BAR (replaced by new lg-header) ──── */
.nav-exact,
.utility-bar-exact,
.header-exact {
    display: none !important;
}

/* ======================================================================
   NEUER HEADER — Lizenzguru 1:1
   Zeile 1: lg-top-bar-12345 (weiß, dünn)
   Zeile 2: lg-main-header-12345 (weiß, Logo + Kategorie-Tabs)
   Zeile 3: lg-search-row-12345 (lila getönt, Service + Trust + Suche)
   ====================================================================== */

/* ── ZEILE 1: Utility Top Bar ──────────────────────────────────────── */
.lg-top-bar-12345 {
    background: #fff !important;
    border-bottom: 1px solid #e8e4f0 !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1000 !important;
}
.lg-top-bar-12345 .container-exact {
    max-width: 1280px !important;
    width: 100% !important;
}
.lg-top-inner-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
}
.lg-top-left-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    height: 100% !important;
}
.lg-top-sep-12345 {
    color: #ccc !important;
    margin: 0 6px !important;
    font-size: 11px !important;
}
.lg-top-link-12345 {
    font-size: 11px !important;
    color: #444 !important;
    text-decoration: none !important;
    padding: 0 10px !important;
    border-right: 1px solid #e8e8e8 !important;
    line-height: 32px !important;
    white-space: nowrap !important;
    transition: color 0.15s !important;
}
.lg-top-link-12345:first-of-type { border-left: 1px solid #e8e8e8 !important; }
.lg-top-link-12345:hover { color: #1b937d !important; }
.lg-top-link-highlight-12345 {
    color: #1b937d !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}
.lg-top-link-highlight-12345 .material-icons {
    font-size: 13px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin-right: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.lg-top-link-highlight-12345:hover { color: #157a68 !important; }

/* Flag/Language dropdown in top bar */
.lg-top-left-12345 .custom-language-dropdown-12345 { position: relative !important; }
.lg-top-left-12345 .dropdown-selected-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    padding: 0 10px !important;
    height: 32px !important;
    font-size: 11px !important;
    color: #444 !important;
    border-right: 1px solid #e8e8e8 !important;
    background: transparent !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
.lg-top-left-12345 .dropdown-selected-12345:hover { color: #1b937d !important; }
.lg-top-left-12345 .dropdown-options-12345 {
    position: absolute !important;
    top: 32px !important;
    left: 0 !important;
    background: #fff !important;
    border: 1px solid #e0d8f5 !important;
    border-radius: 6px !important;
    min-width: 160px !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    z-index: 9999 !important;
    display: none !important;
}
.lg-top-left-12345 .custom-language-dropdown-12345:hover .dropdown-options-12345,
.lg-top-left-12345 .custom-language-dropdown-12345.open .dropdown-options-12345 {
    display: block !important;
}
.lg-top-left-12345 .dropdown-option-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
    color: #333 !important;
    cursor: pointer !important;
}
.lg-top-left-12345 .dropdown-option-12345:hover { background: #f5faf9 !important; color: #1b937d !important; }
.lg-top-left-12345 .dropdown-option-12345.selected-12345 { background: #e8f5f2 !important; font-weight: 600 !important; }

/* Currency select in top bar */
.lg-currency-select-12345 {
    font-size: 11px !important;
    color: #444 !important;
    border: none !important;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") no-repeat right 4px center !important;
    padding: 0 20px 0 8px !important;
    height: 32px !important;
    cursor: pointer !important;
    border-left: 1px solid #e8e8e8 !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* RIGHT: Cart Button (lila wie Lizenzguru) */
.lg-top-right-12345 { display: flex !important; align-items: center !important; }
.lg-cart-btn-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 0 16px !important;
    height: 32px !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
    position: relative !important;
    border-bottom: 1px solid #e8e4f0 !important;
}
.lg-cart-btn-12345 .material-icons { font-size: 15px !important; }
.lg-cart-btn-12345:hover { background: #dfdfdf !important; color: #000 !important; }
.lg-cart-badge-12345 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #1b937d !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 16px !important;
    height: 16px !important;
    border-radius: 8px !important;
    padding: 0 4px !important;
    margin-left: 2px !important;
}

/* ── ZEILE 2: Logo + Kategorie-Tabs (weiß) ─────────────────────────── */
.lg-main-header-12345 {
    background: #fff !important;
    border-bottom: 2px solid #e8e4f0 !important;
    position: relative !important;
    z-index: 999 !important;
    overflow: visible !important;
}
.lg-main-header-inner-12345 {
    display: flex !important;
    align-items: stretch !important;
    min-height: 64px !important;
}

/* Account-Avatar in Menübar */
.lg-account-avatar-12345 {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    padding-left: 16px !important;
}
.lg-avatar-dropdown-wrap-12345 {
    position: relative !important;
}
.lg-avatar-btn-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #e5e7eb !important;
    background: #f9fafb !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: inherit !important;
}
.lg-avatar-btn-12345:hover,
.lg-avatar-dropdown-wrap-12345.open .lg-avatar-btn-12345 {
    background: #f0faf8 !important;
    border-color: #1b937d !important;
}
.lg-avatar-chevron-12345 {
    font-size: 16px !important;
    color: #9ca3af !important;
    margin-left: 2px !important;
    flex-shrink: 0 !important;
}
.lg-avatar-menu-12345 {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    min-width: 190px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    z-index: 9999 !important;
    overflow: hidden !important;
    padding: 4px 0 !important;
}
.lg-avatar-dropdown-wrap-12345.open .lg-avatar-menu-12345 {
    display: block !important;
}
.lg-avatar-menu-item-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.lg-avatar-menu-item-12345:hover {
    background: #f5faf9 !important;
    color: #1b937d !important;
}
.lg-avatar-menu-item-12345 .material-icons {
    font-size: 16px !important;
    color: #9ca3af !important;
    flex-shrink: 0 !important;
}
.lg-avatar-menu-item-12345:hover .material-icons {
    color: #1b937d !important;
}
.lg-avatar-menu-divider-12345 {
    height: 1px !important;
    background: #f3f4f6 !important;
    margin: 4px 0 !important;
}
.lg-avatar-menu-logout-12345 {
    color: #dc2626 !important;
}
.lg-avatar-menu-logout-12345:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}
.lg-avatar-menu-logout-12345 .material-icons,
.lg-avatar-menu-logout-12345:hover .material-icons {
    color: #dc2626 !important;
}
.lg-avatar-circle-12345 {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #1b937d !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.lg-avatar-text-12345 {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}
.lg-avatar-name-12345 {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1b937d !important;
}
.lg-avatar-label-12345 {
    font-size: 10px !important;
    color: rgba(0,0,0,0.6) !important;
    font-weight: 500 !important;
}
.lg-avatar-login-12345 .lg-avatar-label-12345 {
    font-size: 12px !important;
    color: #374151 !important;
    font-weight: 600 !important;
}
.lg-avatar-icon-12345 {
    font-size: 22px !important;
    color: #6b7280 !important;
}
@media (max-width: 768px) {
    .lg-account-avatar-12345 { display: none !important; }
}

/* Logo */
.lg-logo-12345 {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    padding: 10px 24px 10px 0 !important;
    text-decoration: none !important;
}
.lg-logo-12345 .logo-image-exact {
    height: 36px !important;
    width: auto !important;
    max-width: 200px !important;
    filter: none !important;
    object-fit: contain !important;
}

/* Kategorie-Navigation (kompakte 2-zeilige Tabs) */
.lg-cat-nav-12345 {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 !important;
    overflow: visible !important;
    position: static !important;
}
.lg-cat-tab-12345 {
    position: static !important;
    display: flex !important;
    align-items: stretch !important;
    flex-shrink: 0 !important;
}
.lg-cat-tab-link-12345 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 10px !important;
    text-decoration: none !important;
    color: #2d2959 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    border-right: 1px solid #f0ecff !important;
    min-width: 100px !important;
    max-width: 110px !important;
    transition: background 0.15s, color 0.15s !important;
    white-space: normal !important;
    word-break: break-word !important;
    gap: 4px !important;
}
.lg-cat-tab-link-12345:hover,
.lg-cat-tab-12345:hover .lg-cat-tab-link-12345 {
    background: #f5faf9 !important;
    color: #1b937d !important;
}
.lg-cat-icon-12345 {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
}
.lg-cat-name-12345 {
    font-size: 12px !important;
    line-height: 1.25 !important;
    display: block !important;
}

/* IT-NEWS Sondertab — ganz rechts */
.lg-cat-news-tab-12345 {
    margin-left: auto !important;
}
.lg-cat-news-tab-12345 .lg-cat-tab-link-12345,
.lg-cat-news-link-12345 {
    color: #fff !important;
    font-weight: 800 !important;
    border-right: none !important;
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
}
.lg-cat-news-tab-12345 .lg-cat-tab-link-12345:hover,
.lg-cat-news-link-12345:hover {
    background: #157a68 !important;
    color: #fff !important;
}

/* Mega-Menü: öffnet bei Hover — volle Breite relativ zu lg-main-header */
.lg-cat-tab-12345 .mega-menu-exact {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: unset !important;
    background: #fff !important;
    border: none !important;
    border-top: 3px solid #1b937d !important;
    border-bottom: 2px solid #e0d8f5 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
    z-index: 9998 !important;
    border-radius: 0 !important;
}
.lg-cat-tab-12345:hover .mega-menu-exact { display: block !important; }
.lg-cat-tab-12345 .mega-menu-exact .mega-menu-inner-exact {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 10px 14px 24px !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 6px 24px !important;
    color: #2d2959 !important;
}
.lg-cat-tab-12345 .mega-menu-exact .mega-subcat-title-exact-element-cat {
    color: #1b937d !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 6px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #ede8fb !important;
}
.lg-cat-tab-12345 .mega-menu-exact .mega-products-exact li a {
    color: #333 !important;
    font-size: 12px !important;
}
.lg-cat-tab-12345 .mega-menu-exact .mega-products-exact li a:hover {
    color: #1b937d !important;
}

/* Mobile-Toggle in Row 2 (nur auf kleinen Screens) */
.mobile-menu-toggle-12345 {
    display: none !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 12px !important;
    color: #2d2959 !important;
}
.mobile-menu-toggle-12345 .material-icons { font-size: 26px !important; }
@media (max-width: 900px) {
    .mobile-menu-toggle-12345 { display: flex !important; align-items: center !important; }
    .lg-cat-nav-12345 { display: none !important; }
    .lg-logo-12345 { padding-left: 0 !important; }
}

/* ── ZEILE 3: Service + Trust + Suche (lila getönt) ────────────────── */
.lg-search-row-12345 {
    background: #14122c !important;
    border-bottom: unset !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 998 !important;
    color: #fff !important;
}
.lg-search-row-inner-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    height: 48px !important;
}

/* LEFT: Service-Info */
.lg-service-info-12345 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    min-width: 200px !important;
}
.lg-service-label-12345 {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
    display: block !important;
}
.lg-service-email-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}
.lg-service-mail-icon-12345 {
    font-size: 14px !important;
    color: #1b937d !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}
.lg-service-email-12345:hover { color: #157a68 !important; }

/* CENTER: Trust-Badges */
.lg-trust-row-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 !important;
    justify-content: center !important;
}
.lg-trust-badge-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    white-space: nowrap !important;
}
.lg-trust-badge-12345 .material-icons {
    font-size: 14px !important;
    color: #1b937d !important;
}

/* RIGHT: Suchfeld */
.lg-search-field-12345 {
    flex-shrink: 0 !important;
    width: 280px !important;
    position: relative !important;
}
.lg-search-field-12345 form {
    display: flex !important;
    align-items: stretch !important;
    height: 36px !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    border: 0px solid #c8b4e8 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
.lg-search-field-12345 input {
    flex: 1 !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    background: transparent !important;
    color: #333 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}
.lg-search-field-12345 button {
    flex-shrink: 0 !important;
    height: 100% !important;
    width: 40px !important;
    background: #131129 !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.lg-search-field-12345 button .material-icons { font-size: 18px !important; line-height: 1 !important; }
.lg-search-field-12345 button:hover { background: #0d0b1e !important; }

/* Live-Search-Dropdown */
.lg-search-field-12345 .live-search-dropdown-12345 {
    position: absolute !important;
    top: 36px !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border: 1px solid #e0d8f5 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    z-index: 9999 !important;
}

/* Responsive Row 3 */
@media (max-width: 900px) {
    .lg-service-info-12345 { display: none !important; }
    .lg-trust-row-12345 { display: none !important; }
    .lg-search-field-12345 { width: 100% !important; }
    .lg-search-row-inner-12345 { padding: 6px 0 !important; height: auto !important; }
}
@media (max-width: 600px) {
    .lg-top-bar-12345 { display: none !important; }
}

/* ── SHARED LAYOUT ───────────────────────────────────────────────────── */
.lz-section-header-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0ecff !important;
}
.lz-section-header-12345 h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 !important;
    position: relative !important;
    padding-left: 14px !important;
}
.lz-section-header-12345 h2::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: unset !important;
    border-radius: 2px !important;
}
.lz-section-sub-12345 {
    font-size: 13px !important;
    color: #888 !important;
    margin: 3px 0 0 14px !important;
}
.lz-link-all-12345 {
    font-size: 13px !important;
    color: #1b937d !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
.lz-link-all-12345:hover { text-decoration: underline !important; }

/* ── HERO — Lizenzguru 1:1: Text links, Portrait-Karten rechts ──────── */
.lz-hero-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}
.lz-hero-badge-12345 {
    display: inline-block !important;
    background: rgba(249,115,22,0.15) !important;
    border: 1px solid rgba(249,115,22,0.4) !important;
    color: #f97316 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 18px !important;
}
.lz-hero-h1-12345 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
}
.lz-hero-subtext-12345 {
    color: rgba(255,255,255,0.55) !important;
    font-size: 13px !important;
    margin: 0 0 22px 0 !important;
    line-height: 1.5 !important;
}
.lz-hero-trust-bar-12345 {
    display: flex !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}
.lz-hero-trust-bar-12345 > span {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: rgba(255,255,255,0.45) !important;
    font-size: 11px !important;
}
.lz-hero-trust-bar-12345 .material-icons { font-size: 13px !important; color: #c084f0 !important; }

/* ── USP BAR ─────────────────────────────────────────────────────────── */
/* ══════════════════════════════════════════════════════════════════════
   HERO SLIDER — 1:1 Screenshot
   - Lila Gradient + CSS Dot-Pattern (rechte Hälfte)
   - Produktbild blutet LINKS aus der Karte heraus
   - Marketing-Text rechts (kein Produktname, kein Preis)
   - Microsoft Partner Badge oben rechts
   - Fußnotentext unten rechts
   ====================================================================== */
.lz-hero-slider-section-12345 {
    background: #f7f7f7 !important;
    padding: 56px 0 84px !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}
.lz-hslider-container-12345 {
    position: relative !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.lz-hslider-track-12345 {
    display: flex !important;
    gap: 14px !important;
    align-items: stretch !important;
    will-change: transform !important;
}
/* ── Slide-Wrapper — Breite = Seitenbreite, zentriert ──────────────── */
.lz-hslide-12345 {
    flex-shrink: 0 !important;
    position: relative !important;
    border-radius: 10px !important;
    overflow: visible !important;    /* Bild darf rausbluten */
    min-height: 220px !important;
    opacity: 0.45 !important;
    transform: scale(0.96) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    max-width: calc(100vw - 40px) !important;
}
.lz-hslide-12345.lz-hslide-active-12345 {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* ── Hintergrund (clippt innerhalb der Karte) ──────────────────────── */
.lz-hslide-bg-12345 {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #1a1735 0%, #241f4a 55%, #2d2660 100%) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    z-index: 0 !important;
}
.lz-hslide-bg-12345::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px) !important;
    background-size: 36px 36px !important;
    mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%) !important;
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%) !important;
}

/* ── Produktbild — ragt oben und unten aus der Slide-Karte heraus ──── */
.lz-hslide-img-12345 {
    position: absolute !important;
    left: 24px !important;
    top: -32px !important;              /* ragt 32px über den oberen Kartenrand hinaus */
    width: 230px !important;
    z-index: 5 !important;
    pointer-events: none !important;
}
.lz-hslide-img-12345 img {
    width: 100% !important;
    height: auto !important;
    max-height: 330px !important;       /* Bild höher als die Karte (220px) → blutet unten */
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(-8px 14px 28px rgba(0,0,0,0.55)) !important;
}

/* ── Microsoft Partner Badge (oben rechts) ─────────────────────────── */
.lz-slide-partner-12345 {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
    pointer-events: none !important;
}
.lz-partner-label-12345 {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
}
.lz-partner-label-12345 span {
    font-size: 9px !important;
    color: rgba(255,255,255,0.88) !important;
    font-weight: 600 !important;
}
.lz-partner-label-12345 span:first-child {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

/* ── Link / Text-Bereich (schiebt Inhalt rechts vom Bild) ──────────── */
.lz-hslide-link-12345 {
    position: relative !important;
    z-index: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 220px !important;
    padding: 26px 24px 40px 280px !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
.lz-hslide-text-12345 {
    position: relative !important;
    z-index: 5 !important;
}
.lz-hslide-cat-12345 {
    display: block !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.82) !important;
    margin: 0 0 10px !important;
}
.lz-hslide-name-12345 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    margin: 0 0 18px !important;
    max-width: 500px !important;
}
.lz-hslide-cta-12345 {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    color: #fff !important;
    padding: 8px 22px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1.5px solid rgba(255,255,255,0.65) !important;
    transition: background 0.2s !important;
    text-decoration: none !important;
}
.lz-hslide-12345:hover .lz-hslide-cta-12345 {
    background: rgba(255,255,255,0.15) !important;
    border-color: #fff !important;
}
/* ── Fußnotentext (unten rechts) ───────────────────────────────────── */
.lz-hslide-footnote-12345 {
    position: absolute !important;
    bottom: 10px !important;
    right: 18px !important;
    font-size: 10px !important;
    color: rgba(255,255,255,0.5) !important;
    margin: 0 !important;
    z-index: 5 !important;
    font-style: italic !important;
    pointer-events: none !important;
}

/* ── Nav Buttons ───────────────────────────────────────────────────── */
.lz-hslider-nav-12345 {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    z-index: 20 !important;
    padding: 0 !important;
    transition: background 0.2s !important;
}
.lz-hslider-nav-12345:hover { background: #fff !important; }
.lz-hslider-prev-12345 { left: 20px !important; }
.lz-hslider-next-12345 { right: 20px !important; }
.lz-hslider-nav-12345 .material-icons { font-size: 24px !important; color: #2d2959 !important; }

/* ── Dots ──────────────────────────────────────────────────────────── */
.lz-hslider-dots-12345 {
    display: flex !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 12px !important;
}
.lz-hslider-dot-12345 {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #d1d0d6 !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: background 0.2s, transform 0.2s !important;
}
.lz-hslider-dot-12345.active { background: #1b937d !important; transform: scale(1.35) !important; }

@media (max-width: 768px) {
    .lz-hslide-img-12345 { width: 130px !important; left: -15px !important; }
    .lz-hslide-link-12345 { padding: 20px 16px 30px 128px !important; min-height: 170px !important; }
    .lz-hslide-name-12345 { font-size: 18px !important; }
    .lz-hslider-prev-12345 { left: 4px !important; }
    .lz-hslider-next-12345 { right: 4px !important; }
    .lz-slide-partner-12345 { display: none !important; }
}

/* ── USP BAR — weiße Karten, KEINE Icons (1:1 Screenshot) ──────────── */
.lz-usp-bar-12345 {
    background: #fff !important;
    padding: 28px 0 !important;
    border-bottom: none !important;
}
.lz-usp-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
.lz-usp-item-12345 {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 24px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    transition: box-shadow 0.2s !important;
}
.lz-usp-item-12345:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important; }
.lz-usp-item-12345 strong {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
}
.lz-usp-item-12345 p {
    font-size: 14px !important;
    color: #555 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
/* Icons ausblenden falls noch im DOM */
.lz-usp-icon-12345 { display: none !important; }
@media (max-width: 768px) {
    .lz-usp-grid-12345 { grid-template-columns: 1fr !important; }
}

/* ── WIZARD BANNER — 1:1 Screenshot ─────────────────────────────────── */
.lz-wizard-banner-12345 {
    padding: 0 !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    margin-top: 25px !important;
}
.lz-wizard-inner-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 60px !important;
    padding: 0 32px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
}
/* Avatar: ragt oben und unten aus der Bar heraus */
.lz-wizard-avatar-12345 {
    flex-shrink: 0 !important;
    width: 200px !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -40px !important;
    margin-bottom: -10px !important;
    overflow: visible !important;
}
.lz-wizard-avatar-12345 img {
    width: 200px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}
.lz-wizard-text-12345 {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.lz-wizard-bold-12345 {
    font-weight: 800 !important;
    font-size: 22px !important;
    color: #1b937d !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-right: 8px !important;
}
.lz-wizard-sub-12345 {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.72) !important;
    line-height: 1.5 !important;
    display: block !important;
}
/* Button GRÜN wie im Screenshot */
.lz-wizard-btn-12345 {
    display: inline-flex !important;
    align-items: center !important;
    background: #1b937d !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 11px 26px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: background 0.2s !important;
    border: none !important;
}
.lz-wizard-btn-12345:hover { background: #157a68 !important; color: #fff !important; }
@media (max-width: 768px) {
    .lz-wizard-inner-12345 { flex-wrap: wrap !important; padding: 16px !important; }
    .lz-wizard-avatar-12345 { width: 60px !important; height: 60px !important; margin-top: 0 !important; }
}

/* ── PRODUCT SECTIONS ────────────────────────────────────────────────── */
.lz-products-section-12345 {
    background: #fff !important;
    padding: 36px 0 !important;
}
.lz-arrivals-section-12345 {
    background: #f8f7ff !important;
    padding: 36px 0 !important;
    border-top: 1px solid #d4ece7 !important;
    border-bottom: 1px solid #d4ece7 !important;
}

/* ── SLIDER ──────────────────────────────────────────────────────────── */
.lz-products-slider-12345 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.lz-products-track-12345 {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    flex: 1 !important;
    padding: 4px 0 8px 0 !important;
    -webkit-overflow-scrolling: touch !important;
}
.lz-products-track-12345::-webkit-scrollbar { display: none !important; }
.lz-slider-btn-12345 {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #181332 !important;
    border: 2px solid #e5e0f8 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    z-index: 2 !important;
    box-shadow: unset !important;
}
.lz-slider-btn-12345:hover {
    background: #1b937d !important;
    border-color: #1b937d !important;
    color: #fff !important;
}
.lz-slider-btn-12345 .material-icons { font-size: 20px !important; }

/* ── PRODUCT GRID (games section) ────────────────────────────────────── */
.lz-products-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 900px) {
    .lz-products-grid-12345 { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
    .lz-products-grid-12345 { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ── PRODUCT CARD ────────────────────────────────────────────────────── */
.lz-product-card-12345 {
    background: #fff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 180px !important;
    max-width: 220px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
}
.lz-product-card-12345:hover {
    box-shadow: 0 6px 24px rgba(27,147,125,0.15) !important;
    transform: translateY(-2px) !important;
}
/* In grid context: auto width */
.lz-products-grid-12345 .lz-product-card-12345 {
    min-width: unset !important;
    max-width: unset !important;
    flex-shrink: unset !important;
}
.lz-product-img-12345 {
    background: #f8f7ff !important;
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 130px !important;
    position: relative !important;
}
.lz-product-img-12345 a { display: block !important; width: 100% !important; }
.lz-product-img-12345 img {
    width: 100% !important;
    height: 110px !important;
    object-fit: contain !important;
    display: block !important;
}
.lz-stock-badge-12345 {
    position: absolute !important;
    bottom: 8px !important;
    left: 8px !important;
    font-size: 10px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}
.lz-stock-badge-12345.in-stock-12345 {
    background: rgba(34,134,97,0.12) !important;
    color: #228661 !important;
}
.lz-stock-badge-12345.out-of-stock-12345 {
    background: rgba(200,50,50,0.12) !important;
    color: #c83232 !important;
}
.lz-stock-badge-12345 .material-icons { font-size: 11px !important; }
.lz-product-info-12345 {
    padding: 12px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.lz-product-name-12345 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #13112a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    min-height: 50px !important;
}
.lz-product-name-12345 a {
    color: inherit !important;
    text-decoration: none !important;
}
.lz-product-name-12345 a:hover { color: #1b937d !important; }
.lz-product-price-12345 {
    margin: 0 0 4px 0 !important;
}
.lz-product-price-12345 .price-current-exact {
    font-size: 29px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
}
.lz-product-price-12345 .price-old-exact {
    font-size: 12px !important;
    color: #aaa !important;
    text-decoration: line-through !important;
    margin-right: 4px !important;
}
.lz-product-tax-12345 {
    font-size: 10px !important;
    color: #999 !important;
    margin-bottom: 10px !important;
}
.lz-product-badge-sale-12345 {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    background: #f97316 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    z-index: 1 !important;
}
.lz-btn-cart-12345 {
    display: block !important;
    width: 100% !important;
    background: #14122c !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
    margin-top: auto !important;
}
.lz-btn-cart-12345:hover { background: #146c5c !important; color: #fff !important; }

/* ── PROMO DUO BANNERS (Windows / Office) ────────────────────────────── */
.lz-promo-duo-12345 {
    background: #f8f7ff !important;
    padding: 32px 0 !important;
    border-top: 1px solid #d4ece7 !important;
    border-bottom: 1px solid #d4ece7 !important;
}
.lz-promo-duo-grid-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}
.lz-promo-card-12345 {
    border-radius: 10px !important;
    padding: 32px 28px !important;
    position: relative !important;
    overflow: hidden !important;
}
.lz-promo-windows-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
.lz-promo-office-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
.lz-promo-logo-12345 {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}
.lz-promo-logo-12345 .material-icons {
    font-size: 24px !important;
    color: #c084f0 !important;
}
.lz-promo-card-12345 h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.3 !important;
}
.lz-promo-card-12345 p {
    font-size: 13px !important;
    color: rgba(255,255,255,0.7) !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.5 !important;
}
.lz-promo-btn-12345 {
    display: inline-block !important;
    background: #157a68 !important;
    color: #fff !important;
    padding: 12px 22px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}
.lz-promo-btn-12345:hover { background: #146c5c !important; color: #fff !important; }
@media (max-width: 700px) {
    .lz-promo-duo-grid-12345 { grid-template-columns: 1fr !important; }
}

/* ── SUPPORT BANNER ──────────────────────────────────────────────────── */
.lz-support-banner-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 44px 0 !important;
}
.lz-support-inner-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: center !important;
}
.lz-support-badge-12345 {
    display: inline-block !important;
    background: rgba(27,147,125,0.2) !important;
    color: #1b937d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    margin-bottom: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.lz-support-text-12345 h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.2 !important;
}
.lz-support-text-12345 p {
    color: rgba(255,255,255,0.68) !important;
    font-size: 14px !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.6 !important;
}
.lz-support-btn-12345 {
    display: inline-block !important;
    background: #1b937d !important;
    color: #fff !important;
    padding: 13px 26px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}
.lz-support-btn-12345:hover { background: #157a68 !important; color: #fff !important; }
.lz-support-features-12345 {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}
.lz-support-feature-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    background: linear-gradient(190deg, #110f26, #4c0f48) !important;
}
.lz-support-feature-12345 .material-icons {
    font-size: 24px !important;
    color: #c084f0 !important;
    flex-shrink: 0 !important;
}
.lz-support-feature-12345 strong {
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 3px !important;
}
.lz-support-feature-12345 p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 12px !important;
    margin: 0 !important;
}
@media (max-width: 768px) {
    .lz-support-inner-12345 { grid-template-columns: 1fr !important; gap: 24px !important; }
}

/* ── RESELLER BANNER ─────────────────────────────────────────────────── */
.lz-reseller-banner-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 28px 0 !important;
}
.lz-reseller-inner-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}
.lz-reseller-icon-12345 .material-icons {
    font-size: 40px !important;
    color: rgba(255,255,255,0.8) !important;
    flex-shrink: 0 !important;
}
.lz-reseller-text-12345 { flex: 1 !important; }
.lz-reseller-text-12345 h2 {
    font-size: 36px !important;
    font-weight: 800 !important;
    color: #0d9488 !important;
    margin: 0 0 6px 0 !important;
}
.lz-reseller-text-12345 p {
    color: rgba(255,255,255,0.82) !important;
    font-size: 16px !important;
    margin: 0 !important;
}
.lz-reseller-btn-12345 {
    flex-shrink: 0 !important;
    display: inline-block !important;
    background: #157a68 !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
}
.lz-reseller-btn-12345:hover { background: #146c5c !important; color: #fff !important; }
@media (max-width: 700px) {
    .lz-reseller-inner-12345 { flex-direction: column !important; text-align: center !important; }
    .lz-reseller-icon-12345 { display: none !important; }
}

/* ── HELP / SUPPORT SECTION ──────────────────────────────────────────── */
.lz-help-section-12345 {
    background: #fff !important;
    padding: 48px 0 !important;
    border-top: 1px solid #f0ecff !important;
}
.lz-help-grid-12345 {
    display: grid !important;
    grid-template-columns: 380px 1fr !important;
    gap: 48px !important;
    align-items: center !important;
}
.lz-help-illustration-12345 img {
    width: 100% !important;
    max-width: 380px !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block !important;
}
.lz-help-content-12345 h2 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 0 14px 0 !important;
}
.lz-help-content-12345 > p {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 24px 0 !important;
}
.lz-help-cards-12345 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.lz-help-card-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: #f8f7ff !important;
    border: 1px solid #d4ece7 !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    border-left: 4px solid #1b937d !important;
}
.lz-help-card-12345:hover {
    background: #f0ecff !important;
    transform: translateX(3px) !important;
}
.lz-help-card-12345 .material-icons {
    font-size: 24px !important;
    color: #1b937d !important;
    flex-shrink: 0 !important;
}
.lz-help-card-12345 strong {
    display: block !important;
    color: #13112a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.lz-help-card-12345 p {
    color: #777 !important;
    font-size: 12px !important;
    margin: 0 !important;
}
@media (max-width: 800px) {
    .lz-help-grid-12345 { grid-template-columns: 1fr !important; }
    .lz-help-illustration-12345 { display: none !important; }
}

/* ── NEWS SECTION ────────────────────────────────────────────────────── */
.lz-news-section-12345 {
    background: #f8f7ff !important;
    padding: 40px 0 !important;
    border-top: 1px solid #d4ece7 !important;
}
.lz-news-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
.lz-news-card-12345 {
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #d4ece7 !important;
    display: flex !important;
    flex-direction: column !important;
    transition: box-shadow 0.2s !important;
}
.lz-news-card-12345:hover { box-shadow: 0 4px 20px rgba(27,147,125,0.12) !important; }
.lz-news-img-12345 {
    display: block !important;
    position: relative !important;
    height: 160px !important;
    overflow: hidden !important;
}
.lz-news-img-12345 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}
.lz-news-card-12345:hover .lz-news-img-12345 img { transform: scale(1.04) !important; }
.lz-news-badge-12345 {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: #1b937d !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
}
.lz-news-content-12345 {
    padding: 16px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.lz-news-title-12345 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.4 !important;
}
.lz-news-title-12345 a { color: inherit !important; text-decoration: none !important; }
.lz-news-title-12345 a:hover { color: #1b937d !important; }
.lz-news-excerpt-12345 {
    font-size: 12px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    margin: 0 0 12px 0 !important;
    flex: 1 !important;
}
.lz-news-footer-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid #f0ecff !important;
}
.lz-news-date-12345 { font-size: 11px !important; color: #aaa !important; }
@media (max-width: 768px) {
    .lz-news-grid-12345 { grid-template-columns: 1fr !important; }
}
@media (max-width: 900px) {
    .lz-news-grid-12345 { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ── TRUST LOGOS ─────────────────────────────────────────────────────── */
.lz-trust-logos-12345 {
    background: #fff !important;
    padding: 28px 0 !important;
    border-top: 1px solid #f0ecff !important;
    border-bottom: 1px solid #f0ecff !important;
    text-align: center !important;
}
.lz-trust-label-12345 {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #bbb !important;
    margin: 0 0 16px 0 !important;
    font-weight: 600 !important;
}
.lz-trust-logo-row-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 40px !important;
    flex-wrap: wrap !important;
}
.lz-trust-logo-item-12345 {
    color: #bbb !important;
    transition: color 0.2s !important;
    display: flex !important;
    align-items: center !important;
}
.lz-trust-logo-item-12345:hover { color: #1b937d !important; }
.lz-trust-logo-item-12345 svg { height: 22px !important; width: auto !important; fill: currentColor !important; }

/* ── NEWSLETTER ──────────────────────────────────────────────────────── */
.lz-newsletter-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 40px 0 !important;
}
.lz-newsletter-inner-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    flex-wrap: wrap !important;
}
.lz-newsletter-text-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    flex: 1 !important;
    min-width: 280px !important;
}
.lz-newsletter-icon-12345 {
    font-size: 40px !important;
    color: #c084f0 !important;
    flex-shrink: 0 !important;
}
.lz-newsletter-text-12345 h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 6px 0 !important;
}
.lz-newsletter-text-12345 p {
    color: rgba(255,255,255,0.65) !important;
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
.lz-newsletter-form-12345 {
    display: flex !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    flex-wrap: wrap !important;
}
.lz-newsletter-input-12345 {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    padding: 12px 18px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    width: 280px !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}
.lz-newsletter-input-12345::placeholder { color: rgba(255,255,255,0.4) !important; }
.lz-newsletter-input-12345:focus { border-color: #c084f0 !important; }
.lz-newsletter-btn-12345 {
    background: #157a68 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
.lz-newsletter-btn-12345:hover { background: #146c5c !important; }
@media (max-width: 768px) {
    .lz-newsletter-inner-12345 { flex-direction: column !important; }
    .lz-newsletter-input-12345 { width: 100% !important; min-width: 220px !important; }
}

/* ── SEO SECTION (bottom) ────────────────────────────────────────────── */
.lz-seo-section-12345 {
    background: #fff !important;
    padding: 32px 0 !important;
    border-top: 1px solid #f0ecff !important;
}
.lz-seo-inner-12345 {
    max-width: 760px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
.lz-seo-headline-12345 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin: 0 0 12px 0 !important;
}
.lz-seo-text-12345 {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}
.lz-seo-more-12345 { margin-top: 14px !important; }
.lz-seo-toggle-12345 {
    background: none !important;
    border: 1px solid #d4ece7 !important;
    color: #1b937d !important;
    padding: 8px 18px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.lz-seo-expandable-12345 {
    display: none !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.7 !important;
}

/* ======================================================================
   LIZENZGURU 1:1 — HERO PORTRAIT SHOWCASE CARDS (final)
   Text links ~30% · Portrait-Karten rechts ~70%
   ====================================================================== */

/* ── HERO: Lizenzguru-Stil — Portrait-Showcase-Karten ────────────────── */
.lz-hero-inner-12345 {
    display: flex !important;
    align-items: flex-end !important;
    gap: 28px !important;
    min-height: 360px !important;
    padding-top: 44px !important;
}
.lz-hero-left-12345 {
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 200px !important;
    padding-bottom: 36px !important;
}
.lz-hero-right-12345 {
    flex: 1 !important;
    display: flex !important;
    gap: 8px !important;
    align-items: flex-end !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

/* Portrait Showcase Card — weiß wie Lizenzguru */
.lz-hero-scard-12345 {
    flex: 1 !important;
    min-width: 0 !important;
    background: #fff !important;
    border: none !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 18px 14px 0 !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 290px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    overflow: hidden !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.3) !important;
}
.lz-hero-scard-12345:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 -4px 32px rgba(0,0,0,0.45) !important;
}

/* Price block — large orange number like Lizenzguru */
.lz-hero-scard-price-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1px !important;
    margin-bottom: 8px !important;
    line-height: 1 !important;
    color: #f97316 !important;
}
.lz-hero-scard-price-12345 .sc-eur {
    font-size: 13px !important;
    font-weight: 900 !important;
    margin-top: 5px !important;
}
.lz-hero-scard-price-12345 .sc-main {
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.lz-hero-scard-price-12345 .sc-cents {
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-top: 4px !important;
}

/* Product name */
.lz-hero-scard-name-12345 {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
}

/* "Mehr Details" link */
.lz-hero-scard-link-12345 {
    font-size: 10px !important;
    color: #1b937d !important;
    text-decoration: none !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-weight: 600 !important;
}

/* Product image — fills bottom of card */
.lz-hero-scard-img-12345 {
    flex: 1 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin-top: auto !important;
}
.lz-hero-scard-img-12345 img {
    width: 100% !important;
    max-width: 130px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.45)) !important;
}

/* Responsive: ab 1024px hide 5th card */
@media (max-width: 1100px) {
    .lz-hero-scard-12345:nth-child(5) { display: none !important; }
    .lz-hero-left-12345 { flex: 0 0 210px !important; width: 210px !important; }
}
@media (max-width: 860px) {
    .lz-hero-scard-12345:nth-child(4) { display: none !important; }
    .lz-hero-left-12345 { flex: 0 0 180px !important; width: 180px !important; }
    .lz-hero-scard-price-12345 .sc-main { font-size: 28px !important; }
}
@media (max-width: 640px) {
    .lz-hero-inner-12345 { flex-direction: column !important; align-items: stretch !important; padding-top: 20px !important; }
    .lz-hero-left-12345 { flex: none !important; width: 100% !important; padding-bottom: 16px !important; }
    .lz-hero-right-12345 { overflow-x: auto !important; padding-bottom: 4px !important; }
    .lz-hero-scard-12345 { min-width: 130px !important; min-height: 200px !important; }
    .lz-hero-scard-12345:nth-child(4),
    .lz-hero-scard-12345:nth-child(5) { display: flex !important; }
}

/* ── "UNSER 24H SERVICE CENTER" — Dark with 4 feature cards ─────────── */
/* ── SERVICE CENTER — 2-spaltig: Liste + Reseller-Box 1:1 ───────────── */
.lz-service-center-12345 {
    background: #fff !important;
    padding: 52px 0 !important;
}
/* 2-Spalten Grid */
.lz-service-cols-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    align-items: stretch !important;
}
/* Linke Spalte — Card mit Border */
.lz-service-left-12345 {
    background: #fff !important;
    border: 1px solid #e2d9f8 !important;
    border-radius: 10px !important;
    padding: 28px 28px 24px !important;
}
.lz-service-left-12345 h2 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 0 10px !important;
    line-height: 1.15 !important;
}
.lz-service-sub-12345 {
    font-size: 13px !important;
    color: #666 !important;
    margin: 0 0 22px !important;
    line-height: 1.6 !important;
}
/* Bullet-Liste in 2 Spalten */
.lz-service-list-12345 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 16px !important;
}
.lz-service-list-12345 li {
    font-size: 16px !important;
    color: #333 !important;
    padding: 6px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.lz-service-list-12345 li::before {
    content: '▶' !important;
    color: #1b937d !important;
    font-size: 8px !important;
    flex-shrink: 0 !important;
}
/* Rechte Spalte: Reseller-Box */
.lz-service-reseller-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    background: #fff !important;
    border: 1px solid #e2d9f8 !important;
    border-radius: 10px !important;
    padding: 28px 24px !important;
    box-shadow: 0 2px 12px rgba(27,147,125,0.06) !important;
}
.lz-service-reseller-img-12345 {
    flex-shrink: 0 !important;
    width: 130px !important;
}
.lz-service-reseller-img-12345 img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 4px 16px rgba(0,0,0,0.18)) !important;
}
.lz-service-reseller-text-12345 {
    flex: 1 !important;
    min-width: 0 !important;
}
.lz-service-reseller-text-12345 h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 0 10px !important;
}
.lz-service-reseller-text-12345 p {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.55 !important;
    margin: 0 0 18px !important;
}
.lz-reseller-btn-12345 {
    display: inline-flex !important;
    align-items: center !important;
    background: #0d9488 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 22px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}
.lz-reseller-btn-12345:hover { background: #0f766e !important; color: #fff !important; }
@media (max-width: 900px) {
    .lz-service-cols-12345 { grid-template-columns: 1fr !important; gap: 20px !important; }
}
@media (max-width: 600px) {
    .lz-service-reseller-12345 { flex-direction: column !important; text-align: center !important; }
    .lz-service-reseller-img-12345 { width: 90px !important; }
    .lz-service-list-12345 { grid-template-columns: 1fr !important; }
}

/* ── FEATURE SECTION (split: image + text + features) ───────────────── */
.lz-feature-section-12345 {
    padding: 56px 0 !important;
}
.lz-feature-section-12345.lz-feature-light { background: #fff !important; }
.lz-feature-section-12345.lz-feature-tinted { background: #f8f7ff !important; }
.lz-feature-inner-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 56px !important;
    align-items: center !important;
}
.lz-feature-inner-12345.lz-feature-reverse .lz-feature-image-12345 { order: 2 !important; }
.lz-feature-inner-12345.lz-feature-reverse .lz-feature-content-12345 { order: 1 !important; }
.lz-feature-image-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.lz-feature-image-12345 img {
    width: 100% !important;
    max-width: 580px !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block !important;
}
.lz-feature-eyebrow-12345 {
    display: inline-block !important;
    background: rgba(27,147,125,0.1) !important;
    color: #1b937d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
}
.lz-feature-content-12345 h2 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.25 !important;
}
.lz-feature-content-12345 > p {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
}
.lz-feature-checklist-12345 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.lz-feature-checklist-12345 li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    color: #333 !important;
}
.lz-feature-checklist-12345 .material-icons {
    font-size: 18px !important;
    color: #1b937d !important;
    flex-shrink: 0 !important;
}
.lz-feature-btn-12345 {
    display: inline-block !important;
    background: #1b937d !important;
    color: #fff !important;
    padding: 13px 26px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}
.lz-feature-btn-12345:hover { background: #157a68 !important; color: #fff !important; }
@media (max-width: 768px) {
    .lz-feature-inner-12345 { grid-template-columns: 1fr !important; gap: 28px !important; }
    .lz-feature-inner-12345.lz-feature-reverse .lz-feature-image-12345 { order: 1 !important; }
    .lz-feature-inner-12345.lz-feature-reverse .lz-feature-content-12345 { order: 2 !important; }
}

/* ── LOYALTY / TREUEPUNKTE SECTION ──────────────────────────────────── */
.lz-loyalty-section-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 52px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
.lz-loyalty-section-12345::before {
    content: '' !important;
    position: absolute !important;
    right: -80px !important; top: -80px !important;
    width: 320px !important; height: 320px !important;
    background: radial-gradient(circle, rgba(27,147,125,0.3) 0%, transparent 70%) !important;
    pointer-events: none !important;
}
.lz-loyalty-inner-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 48px !important;
    position: relative !important;
    z-index: 1 !important;
}
.lz-loyalty-icon-12345 {
    font-size: 80px !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 4px 16px rgba(192,132,240,0.5)) !important;
}
.lz-loyalty-content-12345 { flex: 1 !important; }
.lz-loyalty-content-12345 h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.3 !important;
}
.lz-loyalty-content-12345 p {
    color: rgba(255,255,255,0.65) !important;
    font-size: 14px !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.6 !important;
}
.lz-loyalty-btn-12345 {
    display: inline-block !important;
    background: #1b937d !important;
    color: #fff !important;
    padding: 13px 28px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}
.lz-loyalty-btn-12345:hover { background: #157a68 !important; color: #fff !important; }
@media (max-width: 700px) {
    .lz-loyalty-inner-12345 { flex-direction: column !important; text-align: center !important; }
    .lz-loyalty-icon-12345 { font-size: 52px !important; }
}

/* ── WINDOWS UPGRADE BANNER ──────────────────────────────────────────── */
.lz-upgrade-banner-12345 {
    background: linear-gradient(135deg, #2b2938 0%, #1f1d38 60%, #1f173d 100%) !important;
    padding: 32px 0 !important;
}
.lz-upgrade-inner-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
}
.lz-upgrade-icon-12345 {
    font-size: 52px !important;
    flex-shrink: 0 !important;
}
.lz-upgrade-text-12345 { flex: 1 !important; }
.lz-upgrade-text-12345 h2 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 6px 0 !important;
}
.lz-upgrade-text-12345 p {
    color: rgba(255,255,255,0.82) !important;
    font-size: 13px !important;
    margin: 0 !important;
}
.lz-upgrade-btn-12345 {
    flex-shrink: 0 !important;
    display: inline-block !important;
    background: #1b937d !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
}
.lz-upgrade-btn-12345:hover { background: #157a68 !important; color: #fff !important; }
@media (max-width: 700px) {
    .lz-upgrade-inner-12345 { flex-direction: column !important; text-align: center !important; }
    .lz-upgrade-icon-12345 { display: none !important; }
}

/* ── "INDIVIDUELLE LÖSUNGEN" DARK SECTION ────────────────────────────── */
.lz-solutions-section-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 52px 0 !important;
}
.lz-solutions-inner-12345 {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 56px !important;
    align-items: center !important;
}
.lz-solutions-number-12345 {
    font-size: 80px !important;
    font-weight: 900 !important;
    color: rgb(27, 147, 125) !important;
    line-height: 1 !important;
    letter-spacing: -4px !important;
    flex-shrink: 0 !important;
    user-select: none !important;
}
.lz-solutions-content-12345 h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 16px 0 !important;
    line-height: 1.3 !important;
}
.lz-solutions-list-12345 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.lz-solutions-list-12345 li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px !important;
}
.lz-solutions-list-12345 .material-icons {
    font-size: 18px !important;
    color: #c084f0 !important;
    flex-shrink: 0 !important;
}
@media (max-width: 768px) {
    .lz-solutions-inner-12345 { grid-template-columns: 1fr !important; }
    .lz-solutions-number-12345 { display: none !important; }
}

/* ── SECTION DIVIDER between same-bg sections ────────────────────────── */
.lz-section-divider-12345 {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #d4ece7, transparent) !important;
    margin: 0 !important;
}

/* ── BUSINESS / B2B PAGE ─────────────────────────────────────────────── */

/* Hero */
.biz-hero-12345 {
    background: linear-gradient(135deg, #282641 0%, #13112a 60%, #2f2b3f 100%) !important;
    padding: 64px 0 52px !important;
}
.biz-hero-inner-12345 {
    display: flex !important;
    gap: 48px !important;
    align-items: flex-start !important;
}
.biz-hero-text-12345 { flex: 1 !important; }
.biz-badge-12345 {
    display: inline-block !important;
    background: rgba(27,147,125,0.18) !important;
    color: #1b937d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
}
.biz-hero-h1-12345 {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    margin: 0 0 16px !important;
}
.biz-hero-sub-12345 {
    font-size: 16px !important;
    color: rgba(255,255,255,0.75) !important;
    line-height: 1.7 !important;
    margin: 0 0 28px !important;
    max-width: 560px !important;
}
.biz-hero-actions-12345 {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.biz-btn-primary-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #1b937d !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 12px 22px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
}
.biz-btn-primary-12345:hover { background: #157a68 !important; color: #fff !important; }
.biz-btn-secondary-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 12px 22px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    text-decoration: none !important;
}
.biz-btn-secondary-12345:hover { background: rgba(255,255,255,0.15) !important; color: #fff !important; }
.biz-hero-stats-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
    width: 240px !important;
}
.biz-stat-12345 {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    padding: 18px 14px !important;
    text-align: center !important;
}
.biz-stat-num-12345 {
    display: block !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #1b937d !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}
.biz-stat-label-12345 {
    font-size: 11px !important;
    color: rgba(255,255,255,0.65) !important;
    font-weight: 500 !important;
}

/* USP Grid */
.biz-usp-section-12345 {
    background: #fff !important;
    padding: 56px 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.biz-usp-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}
.biz-usp-card-12345 {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 24px !important;
}
.biz-usp-icon-12345 {
    font-size: 28px !important;
    color: #1b937d !important;
    display: block !important;
    margin-bottom: 12px !important;
}
.biz-usp-card-12345 strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin-bottom: 8px !important;
}
.biz-usp-card-12345 p {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Rabattstaffeln */
.biz-rabatt-section-12345 {
    background: #f7f7f7 !important;
    padding: 56px 0 !important;
}
.biz-section-header-12345 {
    text-align: center !important;
    margin-bottom: 40px !important;
}
.biz-section-header-12345 h2 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 0 10px !important;
}
.biz-section-header-12345 p {
    font-size: 15px !important;
    color: #555 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}
.biz-tables-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin-bottom: 16px !important;
}
.biz-table-card-12345 {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.biz-table-title-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.biz-table-title-12345 .material-icons { font-size: 18px !important; color: #1b937d !important; }
.biz-table-12345 {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
}
.biz-table-12345 thead th {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 18px !important;
    text-align: left !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.biz-table-12345 tbody td {
    padding: 10px 18px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    color: #374151 !important;
}
.biz-table-12345 tbody tr:last-child td { border-bottom: none !important; }
.biz-discount-12345 {
    color: #1b937d !important;
    font-weight: 700 !important;
}
.biz-row-highlight-12345 td { background: #f0faf8 !important; }
.biz-row-best-12345 td {
    background: #e6f7f4 !important;
    font-weight: 600 !important;
}
.biz-table-note-12345 {
    font-size: 12px !important;
    color: #9ca3af !important;
    text-align: center !important;
    margin: 0 !important;
}

/* Reseller Section */
.biz-reseller-section-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 64px 0 !important;
}
.biz-reseller-inner-12345 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 56px !important;
    align-items: flex-start !important;
}
.biz-badge-green-12345 {
    display: inline-block !important;
    background: rgba(27,147,125,0.18) !important;
    color: #1b937d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
}
.biz-reseller-text-12345 h2 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
    margin: 0 0 12px !important;
}
.biz-reseller-text-12345 > p {
    font-size: 15px !important;
    color: rgba(255,255,255,0.75) !important;
    line-height: 1.7 !important;
    margin: 0 0 24px !important;
}
.biz-reseller-list-12345 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
}
.biz-reseller-list-12345 li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: rgba(255,255,255,0.85) !important;
    padding: 6px 0 !important;
}
.biz-reseller-list-12345 .material-icons { font-size: 18px !important; color: #1b937d !important; flex-shrink: 0 !important; }
.biz-reseller-steps-12345 h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px !important;
}
.biz-step-12345 {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
    padding: 16px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 8px !important;
}
.biz-step-num-12345 {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #1b937d !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.biz-step-body-12345 strong {
    display: block !important;
    color: #fff !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}
.biz-step-body-12345 p {
    font-size: 13px !important;
    color: rgba(255,255,255,0.65) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Zielgruppen */
.biz-targets-section-12345 {
    background: #fff !important;
    padding: 56px 0 !important;
}
.biz-targets-grid-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
.biz-target-card-12345 {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 24px !important;
    text-align: center !important;
    background: #f9fafb !important;
}
.biz-target-icon-12345 {
    font-size: 32px !important;
    color: #1b937d !important;
    display: block !important;
    margin-bottom: 10px !important;
}
.biz-target-card-12345 strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin-bottom: 6px !important;
}
.biz-target-card-12345 p {
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* CTA */
.biz-cta-section-12345 {
    background: linear-gradient(135deg, #0d0b1e 0%, #13112a 60%, #1c1537 100%) !important;
    padding: 52px 0 !important;
}
.biz-cta-inner-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    flex-wrap: wrap !important;
}
.biz-cta-text-12345 h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 8px !important;
}
.biz-cta-text-12345 p {
    font-size: 15px !important;
    color: rgba(255,255,255,0.72) !important;
    margin: 0 !important;
    max-width: 520px !important;
    line-height: 1.6 !important;
}
.biz-cta-actions-12345 {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    flex-shrink: 0 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .biz-hero-inner-12345 { flex-direction: column !important; }
    .biz-hero-stats-12345 { width: 100% !important; grid-template-columns: repeat(4, 1fr) !important; }
    .biz-usp-grid-12345, .biz-tables-grid-12345, .biz-targets-grid-12345 { grid-template-columns: 1fr 1fr !important; }
    .biz-reseller-inner-12345 { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
    .biz-hero-h1-12345 { font-size: 24px !important; }
    .biz-usp-grid-12345, .biz-tables-grid-12345, .biz-targets-grid-12345 { grid-template-columns: 1fr !important; }
    .biz-hero-stats-12345 { grid-template-columns: 1fr 1fr !important; }
    .biz-cta-inner-12345 { flex-direction: column !important; align-items: flex-start !important; }
}

/* ── B2B API PAGE ────────────────────────────────────────────────────── */
.api-page-12345 {
    background: #f7f7f7 !important;
    padding: 48px 0 64px !important;
}
.api-layout-12345 {
    display: grid !important;
    grid-template-columns: 220px 1fr !important;
    gap: 40px !important;
    align-items: flex-start !important;
}
.api-sidebar-12345 {
    position: sticky !important;
    top: 20px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 20px 0 !important;
}
.api-nav-group-12345 { margin-bottom: 8px !important; }
.api-nav-title-12345 {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #9ca3af !important;
    padding: 10px 18px 4px !important;
}
.api-nav-link-12345 {
    display: block !important;
    font-size: 13px !important;
    color: #374151 !important;
    text-decoration: none !important;
    padding: 6px 18px !important;
}
.api-nav-link-12345:hover { background: #f0faf8 !important; color: #1b937d !important; }
.api-content-12345 { min-width: 0 !important; }
.api-section-12345 {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 28px 32px !important;
    margin-bottom: 24px !important;
}
.api-h2-12345 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #13112a !important;
    margin: 0 0 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #1b937d !important;
}
.api-h3-12345 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #13112a !important;
    margin: 20px 0 8px !important;
}
.api-section-12345 p {
    font-size: 14px !important;
    color: #4b5563 !important;
    line-height: 1.7 !important;
    margin: 0 0 14px !important;
}
.api-section-12345 code {
    background: #f3f4f6 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    color: #1b937d !important;
    font-family: monospace !important;
}
.api-code-block-12345 {
    background: #1a1a2e !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin: 12px 0 20px !important;
}
.api-code-header-12345 {
    background: #252540 !important;
    padding: 8px 16px !important;
    font-size: 11px !important;
    color: #9ca3af !important;
    font-weight: 600 !important;
}
.api-code-block-12345 pre {
    margin: 0 !important;
    padding: 16px !important;
    font-size: 12px !important;
    color: #e2e8f0 !important;
    line-height: 1.7 !important;
    overflow-x: auto !important;
    font-family: 'Courier New', monospace !important;
    white-space: pre !important;
}
.api-info-box-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: #f0faf8 !important;
    border: 1px solid #1b937d !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: #1b937d !important;
    margin: 14px 0 !important;
}
.api-info-box-12345 .material-icons { font-size: 18px !important; flex-shrink: 0 !important; }
.api-info-box-12345 a { color: #1b937d !important; font-weight: 600 !important; }
.api-info-warning-12345 {
    background: #fffbeb !important;
    border-color: #f59e0b !important;
    color: #92400e !important;
}
.api-info-warning-12345 .material-icons { color: #f59e0b !important; }
.api-endpoint-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    margin: 16px 0 10px !important;
    flex-wrap: wrap !important;
}
.api-method-get-12345 {
    background: #1b937d !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    flex-shrink: 0 !important;
}
.api-endpoint-12345 code {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #13112a !important;
    background: none !important;
    padding: 0 !important;
}
.api-endpoint-desc-12345 {
    font-size: 12px !important;
    color: #9ca3af !important;
    margin-left: auto !important;
}
.api-table-12345 {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
    margin: 12px 0 20px !important;
}
.api-table-12345 thead th {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 14px !important;
    text-align: left !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.api-table-12345 tbody td {
    padding: 10px 14px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    color: #374151 !important;
    vertical-align: top !important;
}
.api-table-12345 tbody tr:last-child td { border-bottom: none !important; }
.api-faq-item-12345 {
    padding: 16px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
}
.api-faq-item-12345:last-child { border-bottom: none !important; }
.api-faq-item-12345 strong {
    display: block !important;
    font-size: 14px !important;
    color: #13112a !important;
    margin-bottom: 6px !important;
}
.api-faq-item-12345 p { margin: 0 !important; }
@media (max-width: 768px) {
    .api-layout-12345 { grid-template-columns: 1fr !important; }
    .api-sidebar-12345 { position: static !important; }
    .api-section-12345 { padding: 20px !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   PRODUKTDETAIL-SEITE — Layout & Design Overrides
   ══════════════════════════════════════════════════════════════════════ */

/* Breadcrumb */
.downloads-breadcrumb-12345 {
    background: #f8f9fa !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 10px 0 !important;
    font-size: 12px !important;
}
.breadcrumb-link-12345 {
    color: #6b7280 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}
.breadcrumb-link-12345:hover { color: #1b937d !important; }
.breadcrumb-link-12345 .material-icons { font-size: 14px !important; }
.breadcrumb-current-12345 { color: #374151 !important; font-weight: 600 !important; }
.breadcrumb-nav-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
}
.breadcrumb-nav-12345 .material-icons { font-size: 14px !important; color: #9ca3af !important; }

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT DETAIL PAGE – CANONICAL (SINGLE SOURCE OF TRUTH)
   Alle product-detail Stile sind hier und NUR hier definiert.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1. Seiten-Wrapper */
.product-detail-page-12345 {
    background: #f4f6f9 !important;
    padding-top: 16px !important;
    padding-bottom: 40px !important;
}

/* 2. Breadcrumb */
.downloads-breadcrumb-12345 {
    background: transparent !important;
    padding-bottom: 0 !important;
}
.breadcrumb-nav-12345 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
    padding: 8px 0 12px !important;
}
.breadcrumb-nav-12345 .material-icons { font-size: 13px !important; color: #9ca3af !important; }
.breadcrumb-link-12345 {
    color: #1b937d !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}
.breadcrumb-link-12345:hover { text-decoration: underline !important; }
.breadcrumb-current-12345 { color: #374151 !important; font-weight: 500 !important; }

/* 3. Produkt-Haupt-Card: Header + Main als eine zusammenhängende Karte */
.product-detail-page-12345 .product-header-row-12345,
.product-detail-page-12345 .product-main-row-12345 {
    background: #fff !important;
}

/* 4. Header-Zeile: Titel (links) + Preis (rechts) */
.product-header-row-12345 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 22px 24px 16px 24px !important;
    border-bottom: 1px solid #e9ecef !important;
    margin: 0 !important;
    background: #fff !important;
    border-radius: 10px 10px 0 0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.product-header-left-12345 {
    flex: 1 !important;
    min-width: 0 !important;
}
.product-title-12345 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0d1117 !important;
    line-height: 1.25 !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.2px !important;
}
.product-header-left-12345 .star-rating-wrap { margin-top: 4px !important; }
.product-header-meta-12345 {
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
}
.product-header-price-12345 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 2px !important;
}

/* 5. Preis-Elemente */
.price-value-12345 {
    font-size: 32px !important;
    font-weight: 900 !important;
    color: #1b937d !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
}
.price-tax-line-12345 {
    font-size: 11px !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
}
.price-old-12345 {
    font-size: 13px !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
}
.price-badge-12345 {
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    letter-spacing: 0.2px !important;
}
.price-main-block-12345 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}

/* 6. Main Row: 2-Spalten-Grid */
.product-main-row-12345 {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: flex-start !important;
    margin: 0 0 20px 0 !important;
    background: #fff !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* 7. Bild-Spalte (links): sticky */
.product-main-image-12345 {
    position: sticky !important;
    top: 80px !important;
    border-right: 1px solid #e9ecef !important;
    background: #fff !important;
    padding: 20px 16px 14px 20px !important;
    align-self: flex-start !important;
}
.main-image-wrapper-12345 {
    width: 100% !important;
    background: #f8fafc !important;
    border: 1px solid #eaecef !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    min-height: 260px !important;
    max-height: 320px !important;
    overflow: hidden !important;
}
.main-image-12345 {
    max-width: 100% !important;
    max-height: 280px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* 8. Galerie-Thumbnails */
.thumbnails-12345 {
    display: flex !important;
    gap: 6px !important;
    margin-top: 10px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    position: static !important;
}
.thumbnail-12345 {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    border: 2px solid #e4e7eb !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    background: #f8fafc !important;
}
.thumbnail-12345.active-12345,
.thumbnail-12345:hover {
    border-color: #1b937d !important;
    box-shadow: 0 0 0 2px rgba(27,147,125,0.18) !important;
}

/* Share + Liveinfo */
.product-share-12345 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 0 0 !important;
    margin-top: 12px !important;
    border-top: 1px solid #f0f2f5 !important;
    font-size: 11px !important;
    color: #9ca3af !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.product-share-left-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.product-liveinfo-12345 {
    display: flex !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    font-size: 11px !important;
    color: #b0b8c1 !important;
    padding: 0 !important;
}
.liveinfo-item-12345 {
    font-size: 11px !important;
    color: #b0b8c1 !important;
}
#product-share-more-12345 {
    font-size: 11px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    color: #6b7280 !important;
    background: #fff !important;
}

/* 9. Rechte Spalte: Kurzbeschreibung */
.product-main-short-12345 {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 22px 0 22px !important;
}
.product-short-12345 { margin-bottom: 14px !important; }
.short-description-modern {
    background: #f8fafc !important;
    border: 1px solid #e4e7eb !important;
    border-left: 3px solid #1b937d !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 11px 15px !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    line-height: 1.65 !important;
}
.short-description-modern p { margin: 0 0 6px 0 !important; font-size: 13px !important; }
.short-description-modern p:last-child { margin-bottom: 0 !important; }
.short-description-modern ul,
.short-description-modern ol { padding-left: 16px !important; margin: 4px 0 !important; }
.short-description-modern li { margin-bottom: 3px !important; font-size: 13px !important; }
.short-description-modern strong { color: #1a4a3f !important; }

/* 10. Trust-Checklist: 2-spaltig */
.product-trust-checklist-12345 { margin: 0 0 14px 0 !important; }
.trust-checklist-list-12345 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
}
.trust-checklist-item-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
    padding: 6px 9px !important;
    background: #f0faf8 !important;
    border: 1px solid #c6ede4 !important;
    border-radius: 5px !important;
    font-size: 11.5px !important;
    color: #1a4a3f !important;
    line-height: 1.35 !important;
}
.trust-icon-12345 {
    font-size: 15px !important;
    color: #1b937d !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}
.trust-text-12345 { font-size: 11.5px !important; line-height: 1.35 !important; }

/* 11. CTA-Box */
.product-price-bar-12345 {
    background: #fff !important;
    border: none !important;
    border-top: 1px solid #e9ecef !important;
    padding: 16px 22px 20px 22px !important;
    margin: 0 -22px !important;
}
.product-cta-inline-12345 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.product-region-check-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    background: #ecfdf5 !important;
    border: 1px solid #6ee7b7 !important;
    border-radius: 20px !important;
    color: #065f46 !important;
    width: fit-content !important;
}
.product-region-check-12345 .material-icons {
    color: #16a34a !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

/* Variant-Select */
.variant-select-12345 {
    width: 100% !important;
    padding: 9px 12px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 13.5px !important;
    background: #fff !important;
    color: #374151 !important;
    appearance: auto !important;
    box-shadow: none !important;
}
.variant-select-12345:focus {
    border-color: #1b937d !important;
    box-shadow: 0 0 0 2px rgba(27,147,125,0.15) !important;
    outline: none !important;
}

/* Variant pills */
.variant-tab-12345.active,
.variant-pill-12345.active {
    background: #1b937d !important;
    border-color: #1b937d !important;
    color: #fff !important;
}

/* 12. Menge + Warenkorb */
.product-actions-wrapper-12345 {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.qty-wrapper-12345 {
    display: flex !important;
    align-items: stretch !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    width: fit-content !important;
    background: #fff !important;
}
.qty-btn-12345 {
    background: #f3f4f6 !important;
    border: none !important;
    color: #374151 !important;
    font-size: 18px !important;
    width: 36px !important;
    height: 40px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    outline: none !important;
}
.qty-btn-12345:hover { background: #e5e7eb !important; }
#product-quantity-12345 {
    width: 52px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1.5px solid #d1d5db !important;
    border-right: 1.5px solid #d1d5db !important;
    height: 40px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #111827 !important;
    background: #fff !important;
    -moz-appearance: textfield !important;
}
#product-quantity-12345::-webkit-outer-spin-button,
#product-quantity-12345::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }

/* Add-to-Cart Button */
.product-detail-page-12345 .add-to-cart-12345,
.product-detail-page-12345 .add-to-cart-form-12345 .btn-12345 {
    width: 100% !important;
    padding: 13px 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    background: #1b937d !important;
    color: #fff !important;
    letter-spacing: 0.2px !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 3px 12px rgba(27,147,125,0.3) !important;
    display: block !important;
    text-align: center !important;
    outline: none !important;
}
.product-detail-page-12345 .add-to-cart-12345:hover,
.product-detail-page-12345 .add-to-cart-form-12345 .btn-12345:hover {
    background: #157a68 !important;
    box-shadow: 0 4px 16px rgba(27,147,125,0.42) !important;
}
.btn-secondary-12345[disabled] {
    background: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed !important;
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    width: 100% !important;
    font-size: 14px !important;
}

/* 13. Delivery Items */
.delivery-item-12345 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    padding: 7px 11px !important;
    background: #fff !important;
    border: 1px solid #e4e7eb !important;
    border-left: 3px solid #1b937d !important;
    border-radius: 0 5px 5px 0 !important;
    font-size: 12px !important;
    color: #374151 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.delivery-item-12345::before, .delivery-item-12345::marker { display: none !important; content: none !important; }
.delivery-item-12345 .material-icons {
    color: #1b937d !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}
.delivery-item-12345 strong { color: #0d1117 !important; font-weight: 600 !important; }

/* Product Links */
.product-links-12345 { padding: 0 !important; }
.product-links-12345 ul { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.product-links-12345 li { margin-bottom: 4px !important; }
.product-links-12345 a {
    color: #1b937d !important;
    font-size: 12px !important;
    text-decoration: none !important;
}
.product-links-12345 a:hover { text-decoration: underline !important; }

/* Region/Platform icons */
.product-region-item-12345,
.product-platform-item-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 12px !important;
}
.product-region-item-12345 img,
.product-platform-item-12345 img {
    width: 14px !important;
    height: auto !important;
}

/* 14. Tabs Container */
.product-tabs-container-12345 {
    background: #fff !important;
    border: 1px solid #e0e4ea !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.05) !important;
}
.product-tabs-header-12345 {
    display: flex !important;
    background: #f4f6f9 !important;
    border-bottom: 2px solid #e0e4ea !important;
    padding: 0 6px !important;
    overflow-x: auto !important;
    gap: 0 !important;
}

/* 15. Tab Buttons – kein Verschieben auf Hover/Focus */
.product-tab-btn-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    border-top: 3px solid transparent !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1 !important;
}
.product-tab-btn-12345 .material-icons { font-size: 14px !important; }
.product-tab-btn-12345:hover { color: #1b937d !important; background: rgba(27,147,125,0.05) !important; }
.product-tab-btn-12345:focus { outline: none !important; box-shadow: none !important; }
.product-tab-btn-12345:focus-visible { outline: none !important; box-shadow: none !important; }
.product-tab-btn-12345.active,
.product-tab-btn-12345.active-12345 {
    color: #1b937d !important;
    font-weight: 700 !important;
    background: #fff !important;
    border-bottom-color: #1b937d !important;
    box-shadow: none !important;
    outline: none !important;
}
.tab-badge-12345 {
    background: #1b937d !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    padding: 1px 5px !important;
    border-radius: 10px !important;
    min-width: 15px !important;
    text-align: center !important;
    line-height: 1.4 !important;
}
.product-tabs-content-12345 { padding: 0 !important; }
.product-tab-content-12345 { display: none !important; }
.product-tab-content-12345.active { display: block !important; }

/* 16. Info-Tab: 3-Spalten Grid */
.product-info-row-12345 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    border-bottom: 1px solid #e9ecef !important;
}
.product-status-12345,
.product-info-middle-12345,
.product-info-right-12345 {
    padding: 16px 18px !important;
    border-right: 1px solid #e9ecef !important;
    font-size: 12.5px !important;
}
.product-info-right-12345 { border-right: none !important; }
.product-status-12345 p,
.product-info-middle-12345 p,
.product-info-right-12345 p {
    margin: 0 0 6px 0 !important;
    color: #374151 !important;
    display: flex !important;
    gap: 6px !important;
    align-items: baseline !important;
    font-size: 12.5px !important;
    flex-wrap: wrap !important;
}
.product-status-12345 p:last-child,
.product-info-middle-12345 p:last-child,
.product-info-right-12345 p:last-child { margin-bottom: 0 !important; }
.product-status-12345 strong,
.product-info-middle-12345 strong,
.product-info-right-12345 strong {
    color: #6b7280 !important;
    font-weight: 600 !important;
    font-size: 10.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    min-width: 90px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}
.availability-success-12345 {
    color: #16a34a !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
}

/* 17. Download-Tab */
.product-downloads-section-12345 { padding: 20px !important; }
.downloads-info-box-12345 {
    display: flex !important;
    gap: 12px !important;
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    font-size: 12.5px !important;
    color: #92400e !important;
}
.info-box-icon-12345 .material-icons {
    color: #d97706 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}
.info-box-title-12345 {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #78350f !important;
    margin: 0 0 4px 0 !important;
}
.info-box-text-12345 { margin: 0 !important; font-size: 12px !important; }
.downloads-grid-12345 {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.download-item-12345 {
    display: flex !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border: 1px solid #e4e7eb !important;
    border-radius: 8px !important;
    align-items: flex-start !important;
}
.download-icon-12345 .material-icons {
    color: #1b937d !important;
    font-size: 22px !important;
}
.download-info-12345 h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 0 3px 0 !important;
}
.download-description-12345 { font-size: 12px !important; color: #6b7280 !important; margin: 3px 0 !important; }
.download-meta-12345 { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: 6px !important; }
.download-badge-12345 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-size: 10.5px !important;
    color: #475569 !important;
    font-weight: 500 !important;
}
.download-badge-12345 .material-icons { font-size: 11px !important; }
.download-badge-12345.language-badge { background: #ecfdf5 !important; border-color: #a7f3d0 !important; color: #065f46 !important; }
.download-action-12345 { margin-left: auto !important; flex-shrink: 0 !important; }
.download-action-12345 a,
.download-action-12345 .btn-download-exact {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 8px 14px !important;
    background: #0d1117 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.2px !important;
}
.download-action-12345 a:hover,
.download-action-12345 .btn-download-exact:hover {
    background: #1b937d !important;
    color: #fff !important;
}
.no-downloads-notice-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 16px !important;
    background: #f8fafc !important;
    border-radius: 6px !important;
    color: #6b7280 !important;
    font-size: 13px !important;
}

/* 18. Installation-Tab */
.product-installation-section-12345 { padding: 20px !important; background: transparent !important; }
.installation-wiki-12345 { font-size: 13.5px !important; color: #374151 !important; line-height: 1.7 !important; }
.installation-wiki-12345 h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 16px 0 8px 0 !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #e9ecef !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.installation-wiki-12345 table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
    margin: 12px 0 !important;
}
.installation-wiki-12345 th {
    background: #f4f6f9 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    padding: 8px 12px !important;
    border: 1px solid #e0e4ea !important;
    color: #374151 !important;
    text-align: left !important;
}
.installation-wiki-12345 td {
    padding: 7px 12px !important;
    border: 1px solid #e0e4ea !important;
    color: #4b5563 !important;
}
.installation-wiki-12345 tbody tr:nth-child(even) td { background: #f8fafc !important; }
.installation-wiki-12345 a { color: #1b937d !important; }
.installation-wiki-12345 a:hover { text-decoration: underline !important; }
.installation-wiki-12345 code {
    background: #f1f5f9 !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    color: #334155 !important;
    font-family: 'Courier New', monospace !important;
}

/* 19. Reviews-Tab */
.product-reviews-section-12345 { padding: 20px !important; }
.reviews-empty-12345 {
    padding: 20px !important;
    text-align: center !important;
    color: #9ca3af !important;
    font-size: 13px !important;
}
.review-form-section-12345 {
    border-top: 1px solid #e9ecef !important;
    padding-top: 16px !important;
    margin-top: 8px !important;
}
.review-form-section-12345 h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 0 14px 0 !important;
}
.review-form-section-12345 label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.review-form-section-12345 input[type="text"],
.review-form-section-12345 input[type="email"],
.review-form-section-12345 textarea {
    width: 100% !important;
    padding: 8px 10px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    background: #fff !important;
    color: #374151 !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
}
.review-form-section-12345 input[type="text"]:focus,
.review-form-section-12345 input[type="email"]:focus,
.review-form-section-12345 textarea:focus {
    border-color: #1b937d !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(27,147,125,0.12) !important;
}
.review-submit-btn-12345 {
    padding: 10px 20px !important;
    background: #1b937d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}
.review-submit-btn-12345:hover { background: #157a68 !important; }

/* 20. Produktbeschreibung Section */
.product-description-section-12345 {
    padding: 0 0 20px 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
    border-top: none !important;
}
.product-description-section-12345 > .container-exact {
    background: #fff !important;
    border: 1px solid #e0e4ea !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.05) !important;
}
.product-description-body-12345 h2 {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    color: #374151 !important;
    background: #f4f6f9 !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    border-bottom: 2px solid #e0e4ea !important;
    border-left: 4px solid #1b937d !important;
    display: block !important;
}
.product-description-body-12345 {
    padding: 20px 24px !important;
    font-size: 13.5px !important;
    color: #374151 !important;
    line-height: 1.75 !important;
    background: transparent !important;
    border: none !important;
}
.product-description-body-12345 h3 {
    color: #0d1117 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 20px 0 8px 0 !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #e9ecef !important;
}
.product-description-body-12345 h4 {
    color: #374151 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    margin: 14px 0 5px 0 !important;
}
.product-description-body-12345 p { margin: 0 0 12px 0 !important; }
.product-description-body-12345 ul,
.product-description-body-12345 ol { padding-left: 20px !important; margin: 6px 0 14px 0 !important; }
.product-description-body-12345 li { margin-bottom: 5px !important; color: #4b5563 !important; }

/* Tabellen in Beschreibung */
.product-description-body-12345 table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 12.5px !important;
    margin: 14px 0 !important;
    background: #fff !important;
}
.product-description-body-12345 th {
    background: #f4f6f9 !important;
    font-weight: 700 !important;
    font-size: 10.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    padding: 8px 12px !important;
    text-align: left !important;
    border: 1px solid #e0e4ea !important;
    color: #374151 !important;
}
.product-description-body-12345 td {
    padding: 7px 12px !important;
    border: 1px solid #e0e4ea !important;
    color: #4b5563 !important;
    vertical-align: top !important;
}
.product-description-body-12345 tbody tr:nth-child(even) td { background: #f8fafc !important; }
.product-description-body-12345 tbody tr:hover td { background: #f0faf8 !important; }
.product-description-body-12345 a { color: #1b937d !important; text-decoration: none !important; }
.product-description-body-12345 a:hover { color: #157a68 !important; text-decoration: underline !important; }

/* 21. Ähnliche Produkte */
.similar-products-12345 {
    background: #f4f6f9 !important;
    border-top: none !important;
    padding: 24px 0 !important;
}
.similar-products-title-12345 {
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #0d1117 !important;
    border-bottom: 3px solid #1b937d !important;
    padding-bottom: 5px !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
}
.product-related-12345 {
    background: #f4f6f9 !important;
    padding: 24px 0 32px !important;
    border-top: none !important;
}
.product-related-12345 h2 {
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #0d1117 !important;
    border-bottom: 3px solid #1b937d !important;
    padding-bottom: 5px !important;
    margin: 0 0 18px 0 !important;
    display: inline-block !important;
}
.product-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
    gap: 14px !important;
}
.product-related-12345 .product-card-exact {
    background: #fff !important;
    border: 1px solid #e0e4ea !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
    transition: none !important;
}
.product-related-12345 .product-card-exact:hover {
    border-color: #1b937d !important;
    box-shadow: 0 3px 12px rgba(27,147,125,0.12) !important;
}
.product-related-12345 .product-card-exact a {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
}
.product-related-12345 .product-image-exact {
    background: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px !important;
    height: 148px !important;
    border-bottom: 1px solid #f0f2f5 !important;
}
.product-related-12345 .product-image-exact img {
    max-width: 100% !important;
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
.product-related-12345 .product-info-exact { padding: 10px 12px !important; }
.product-related-12345 .product-info-exact h3 {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #0d1117 !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.35 !important;
}
.product-related-12345 .product-price-exact {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
    margin: 0 0 2px 0 !important;
}
.product-related-12345 .product-tax-exact { font-size: 10px !important; color: #9ca3af !important; }

/* 22. Bundle Styling */
.bundle-header-12345 {
    background: #0d1117 !important;
    color: #fff !important;
    border-bottom: 2px solid #1b937d !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    border-radius: 6px 6px 0 0 !important;
}
.bundle-content-12345 {
    border: 1px solid #e0e4ea !important;
    border-radius: 0 0 6px 6px !important;
    overflow: hidden !important;
}
.bundle-check-12345 { color: #1b937d !important; font-weight: 800 !important; }
.bundle-qty-badge-12345 {
    background: #1b937d !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
}
.bundle-item-compact-12345 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    font-size: 12.5px !important;
}
.bundle-item-link-12345 { color: #1b937d !important; text-decoration: none !important; }
.bundle-item-link-12345:hover { text-decoration: underline !important; }
.bundle-item-single-price-12345 {
    margin-left: auto !important;
    font-size: 12px !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
}
.bundle-savings-compact-12345 {
    padding: 10px 14px !important;
    background: #f0faf8 !important;
    border-top: 1px solid #c6ede4 !important;
    font-size: 12.5px !important;
}
.bundle-savings-grid-12345 { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.bundle-savings-item-12345 { display: flex !important; justify-content: space-between !important; }
.bundle-savings-label-12345 { color: #6b7280 !important; }
.bundle-savings-value-uvp-12345 { font-weight: 600 !important; color: #9ca3af !important; text-decoration: line-through !important; }
.bundle-savings-value-price-12345 { font-weight: 700 !important; color: #0d1117 !important; }
.bundle-savings-value-amount-12345 { color: #16a34a !important; font-weight: 800 !important; }
.bundle-savings-highlight-item-12345 {
    margin-top: 4px !important;
    padding-top: 6px !important;
    border-top: 1px solid #a7f3d0 !important;
}

/* 23. Responsive: 960px */
@media (max-width: 960px) {
    .product-main-row-12345 {
        grid-template-columns: 1fr !important;
    }
    .product-main-image-12345 {
        position: static !important;
        border-right: none !important;
        border-bottom: 1px solid #e9ecef !important;
        padding: 16px !important;
    }
    .product-info-row-12345 {
        grid-template-columns: 1fr 1fr !important;
    }
    .product-info-right-12345 {
        grid-column: span 2 !important;
        border-top: 1px solid #e9ecef !important;
        border-right: none !important;
    }
    .product-grid-exact {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    }
}

/* 23b. Responsive: 640px */
@media (max-width: 640px) {
    .product-header-row-12345 {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 16px !important;
    }
    .product-header-meta-12345 {
        align-items: flex-start !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .product-header-price-12345 { align-items: flex-start !important; }
    .price-value-12345 { font-size: 26px !important; }
    .product-title-12345 { font-size: 18px !important; }
    .product-main-short-12345 { padding: 14px 14px 0 14px !important; }
    .product-price-bar-12345 { padding: 14px 14px 18px 14px !important; margin: 0 -14px !important; }
    .trust-checklist-list-12345 { grid-template-columns: 1fr !important; }
    .product-info-row-12345 { grid-template-columns: 1fr !important; }
    .product-info-right-12345 { grid-column: span 1 !important; }
    .product-status-12345,
    .product-info-middle-12345,
    .product-info-right-12345 { border-right: none !important; border-top: 1px solid #e9ecef !important; }
    .product-tabs-header-12345 { padding: 0 2px !important; }
    .product-tab-btn-12345 { padding: 10px 12px !important; font-size: 12px !important; }
    .product-grid-exact { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   PDP-V3 — Screenshot-konformes Produkt-Detail-Layout (2026)
   Layout: Vertikaler Thumbstrip + Hauptbild | Rechte Sidebar
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Page ── */
.pdp-v3-page {
    background: #f7f8fa !important;
    padding: 20px 0 48px !important;
}

/* ── 2-Spalten-Layout ── */
.pdp-v3-layout {
    display: grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: 24px !important;
    align-items: start !important;
}

/* ══════════════════════════════════════════════════════
   LINKE SPALTE
   ══════════════════════════════════════════════════════ */
.pdp-v3-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    min-width: 0 !important;
}

/* Gallery wrapper */
.pdp-v3-gallery {
    display: flex !important;
    gap: 12px !important;
    background: #fff !important;
    border-radius: 12px !important;
    border: 1px solid #e8eaed !important;
    padding: 16px !important;
    align-items: flex-start !important;
}

/* Vertikaler Thumbstrip */
.pdp-v3-thumbstrip {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    width: 72px !important;
}

.pdp-v3-thumb-item {
    width: 64px !important;
    height: 64px !important;
    border-radius: 8px !important;
    border: 2px solid #e8eaed !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: none !important;
}

.pdp-v3-thumb-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.pdp-v3-thumb-item:hover,
.pdp-v3-thumb-active {
    border-color: #4f6ef7 !important;
}

/* Hauptbild-Bereich */
.pdp-v3-mainimg-wrap {
    flex: 1 !important;
    min-height: 340px !important;
    background: #f8f9fa !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.pdp-v3-mainimg,
.pdp-v3-mainimg-wrap .main-image-12345 {
    width: 100% !important;
    height: auto !important;
    max-height: 420px !important;
    object-fit: contain !important;
    display: block !important;
    border: none !important;
    border-top: none !important;
    background: transparent !important;
}

/* Tabs — direkt unter der Galerie */
.pdp-v3-left .product-tabs-container-12345 {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Beschreibungs-Block */
.pdp-v3-description {
    background: #fff !important;
    border: 1px solid #e8eaed !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.pdp-v3-desc-inner {
    padding: 24px 28px !important;
}

.pdp-v3-description .product-description-body-12345 {
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: #374151 !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
}

/* ══════════════════════════════════════════════════════
   RECHTE SPALTE (Sidebar)
   ══════════════════════════════════════════════════════ */
.pdp-v3-right {
    position: sticky !important;
    top: 72px !important;
    align-self: start !important;
    background: #fff !important;
    border: 1px solid #e8eaed !important;
    border-radius: 12px !important;
    padding: 24px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Titel */
.pdp-v3-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* Rating-Zeile */
.pdp-v3-rating-row {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap !important;
}

.pdp-v3-star {
    font-size: 16px !important;
    line-height: 1 !important;
}

.pdp-v3-star-full { color: #f59e0b !important; }
.pdp-v3-star-half { color: #f59e0b !important; opacity: 0.6 !important; }
.pdp-v3-star-empty { color: #d1d5db !important; }

.pdp-v3-rating-val {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin-left: 2px !important;
}

.pdp-v3-rating-sep {
    color: #9ca3af !important;
    font-size: 13px !important;
    margin: 0 2px !important;
}

.pdp-v3-rating-count {
    font-size: 12.5px !important;
    color: #6b7280 !important;
}

/* Trennlinie */
.pdp-v3-divider {
    border: none !important;
    border-top: 1px solid #f0f2f5 !important;
    margin: 14px 0 !important;
}

/* Attribute */
.pdp-v3-attrs {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
}

.pdp-v3-attr {
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    gap: 8px !important;
    align-items: baseline !important;
}

.pdp-v3-attr-label {
    font-size: 12.5px !important;
    color: #9ca3af !important;
    font-weight: 500 !important;
}

.pdp-v3-attr-value {
    font-size: 13px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
}

/* Region-Badge */
.pdp-v3-region-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 20px !important;
    padding: 4px 12px 4px 8px !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #166534 !important;
}

.pdp-v3-region-badge .material-icons {
    font-size: 14px !important;
    color: #22c55e !important;
}

/* Varianten-Pills */
.pdp-v3-variants {
    margin-bottom: 16px !important;
}

.pdp-v3-variants-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
}

.pdp-v3-variant-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.pdp-v3-variant-pill {
    padding: 6px 14px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: none !important;
}

.pdp-v3-variant-pill:hover,
.pdp-v3-variant-pill.pdp-v3-variant-active {
    border-color: #4f6ef7 !important;
    color: #4f6ef7 !important;
    background: #f0f3ff !important;
}

/* Menge-Zeile */
.pdp-v3-qty-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.pdp-v3-row-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
}

.pdp-v3-qty {
    display: flex !important;
    align-items: center !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.pdp-v3-qty .qty-btn-12345 {
    width: 34px !important;
    height: 38px !important;
    border: none !important;
    background: #f8f9fa !important;
    font-size: 17px !important;
    cursor: pointer !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pdp-v3-qty input[type="number"] {
    width: 42px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: #fff !important;
    height: 38px !important;
    -moz-appearance: textfield !important;
}

.pdp-v3-qty input[type="number"]::-webkit-inner-spin-button,
.pdp-v3-qty input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}

/* Preis-Zeile */
.pdp-v3-price-row {
    margin-bottom: 16px !important;
}

.pdp-v3-price-block {
    margin-top: 4px !important;
}

.pdp-v3-price {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.5px !important;
    display: block !important;
}

.pdp-v3-price-old {
    font-size: 14px !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
    margin-left: 6px !important;
}

.pdp-v3-discount {
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #ef4444 !important;
    color: #fff !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    margin-left: 6px !important;
}

.pdp-v3-price-tax {
    font-size: 11px !important;
    color: #9ca3af !important;
    margin-top: 2px !important;
}

/* Button-Zeile */
.pdp-v3-btn-row {
    display: flex !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    align-items: center !important;
}

.pdp-v3-btn-cart {
    flex: 1 !important;
    height: 44px !important;
    background: #4f6ef7 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    letter-spacing: 0.1px !important;
}

.pdp-v3-btn-cart .material-icons { font-size: 18px !important; }

.pdp-v3-btn-buynow {
    flex: 0 0 auto !important;
    height: 44px !important;
    padding: 0 16px !important;
    background: #e8eeff !important;
    color: #4f6ef7 !important;
    border: 1.5px solid #c7d3fb !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.pdp-v3-btn-wishlist {
    width: 44px !important;
    height: 44px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.pdp-v3-btn-wishlist .material-icons { font-size: 20px !important; }

.pdp-v3-btn-unavailable {
    width: 100% !important;
    height: 44px !important;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: not-allowed !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-bottom: 20px !important;
}

/* Händler-Karte */
.pdp-v3-seller-card {
    border: 1px solid #e8eaed !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
    background: #fff !important;
}

.pdp-v3-seller-top {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.pdp-v3-seller-icon {
    width: 40px !important;
    height: 40px !important;
    background: #e8f5e9 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.pdp-v3-seller-icon .material-icons {
    font-size: 22px !important;
    color: #2e7d32 !important;
}

.pdp-v3-seller-name {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1b937d !important;
    display: block !important;
}

.pdp-v3-seller-meta {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 2px !important;
}

.pdp-v3-seller-stars {
    color: #f59e0b !important;
    font-size: 11px !important;
}

.pdp-v3-seller-detail {
    font-size: 11.5px !important;
    color: #6b7280 !important;
}

.pdp-v3-seller-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    background: #fff !important;
    text-decoration: none !important;
}

/* Bewertungs-Zusammenfassung */
.pdp-v3-reviews-summary {
    border: 1px solid #e8eaed !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
    background: #fff !important;
}

.pdp-v3-reviews-top {
    margin-bottom: 10px !important;
}

.pdp-v3-reviews-big {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin-bottom: 3px !important;
}

.pdp-v3-rev-star {
    font-size: 17px !important;
    line-height: 1 !important;
}

.pdp-v3-rev-star.full { color: #f59e0b !important; }
.pdp-v3-rev-star.half { color: #f59e0b !important; opacity: 0.6 !important; }
.pdp-v3-rev-star.empty { color: #d1d5db !important; }

.pdp-v3-reviews-avg {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin-left: 4px !important;
}

.pdp-v3-reviews-total {
    font-size: 12px !important;
    color: #6b7280 !important;
}

/* Bewertungs-Balken */
.pdp-v3-reviews-bars {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.pdp-v3-rev-bar-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.pdp-v3-rev-bar-label {
    font-size: 11.5px !important;
    color: #6b7280 !important;
    white-space: nowrap !important;
    width: 28px !important;
    text-align: right !important;
    flex-shrink: 0 !important;
}

.pdp-v3-rev-bar-track {
    flex: 1 !important;
    height: 8px !important;
    background: #f0f2f5 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.pdp-v3-rev-bar-fill {
    height: 100% !important;
    background: #f59e0b !important;
    border-radius: 4px !important;
}

/* Live-Info */
.pdp-v3-liveinfo {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-bottom: 12px !important;
    padding: 8px 0 !important;
    border-top: 1px solid #f0f2f5 !important;
}

.pdp-v3-liveinfo span {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 11.5px !important;
    color: #6b7280 !important;
}

.pdp-v3-liveinfo .material-icons {
    font-size: 14px !important;
    color: #1b937d !important;
}

/* Share */
.pdp-v3-share {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 12px !important;
    border-top: 1px solid #f0f2f5 !important;
}

.pdp-v3-share-label {
    font-size: 12px !important;
    color: #9ca3af !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.pdp-v3-share-select {
    flex: 1 !important;
    padding: 5px 8px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: #374151 !important;
    background: #fff !important;
}

/* ── Responsive ── */
@media (max-width: 960px) {
    .pdp-v3-layout {
        grid-template-columns: 1fr !important;
    }
    .pdp-v3-right {
        position: static !important;
    }
    .pdp-v3-thumbstrip {
        flex-direction: row !important;
        width: auto !important;
        overflow-x: auto !important;
    }
}

@media (max-width: 600px) {
    .pdp-v3-gallery {
        flex-direction: column-reverse !important;
    }
    .pdp-v3-btn-row {
        flex-wrap: wrap !important;
    }
    .pdp-v3-btn-cart { width: 100% !important; flex: unset !important; }
    .pdp-v3-btn-buynow { flex: 1 !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   PDP-V2 — Neues Produkt-Detail-Layout (2026)
   Scope: .pdp-v2-page  |  alle Regeln mit !important gegen legacy-overrides
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Page wrapper ── */
.pdp-v2-page {
    background: #f4f6f8 !important;
    padding: 28px 0 40px !important;
}

/* ── 2-Spalten-Karte ── */
.pdp-v2-card {
    display: grid !important;
    grid-template-columns: 420px 1fr !important;
    gap: 0 !important;
    background: #fff !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.07) !important;
}

/* ── LINKE SPALTE: Galerie ── */
.pdp-v2-gallery {
    position: sticky !important;
    top: 72px !important;
    align-self: start !important;
    background: #fff !important;
    border-right: 1px solid #e2e8f0 !important;
    padding: 28px 24px 24px !important;
}

.pdp-v2-main-image {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 260px !important;
}

.pdp-v2-main-image img,
.pdp-v2-gallery .main-image-12345 {
    width: 100% !important;
    height: auto !important;
    max-height: 340px !important;
    object-fit: contain !important;
    display: block !important;
    border: none !important;
    border-top: none !important;
}

.pdp-v2-thumbnails {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 0 !important;
    border: none !important;
}

.pdp-v2-thumbnails .thumbnail-12345 {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 2px solid #e2e8f0 !important;
    cursor: pointer !important;
    background: #f8fafc !important;
    transition: none !important;
}

.pdp-v2-thumbnails .thumbnail-12345.active-12345,
.pdp-v2-thumbnails .thumbnail-12345:hover {
    border-color: #1b937d !important;
}

/* Live-Info */
.pdp-v2-liveinfo {
    display: flex !important;
    gap: 14px !important;
    margin-top: 16px !important;
    flex-wrap: wrap !important;
    border-top: 1px solid #f0f4f8 !important;
    padding-top: 14px !important;
}

.pdp-v2-liveinfo-item {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

.pdp-v2-liveinfo-item .material-icons {
    font-size: 14px !important;
    color: #1b937d !important;
}

/* ── RECHTE SPALTE: Info ── */
.pdp-v2-info {
    padding: 32px 36px 32px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Titel */
.pdp-v2-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* Rating */
.pdp-v2-rating {
    margin-bottom: 14px !important;
}

/* Preis-Block */
.pdp-v2-price-block {
    background: #f0faf7 !important;
    border: 1px solid #c6ede5 !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin-bottom: 20px !important;
}

.pdp-v2-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.pdp-v2-price {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #1b937d !important;
    letter-spacing: -0.5px !important;
    line-height: 1 !important;
}

.pdp-v2-price-old {
    font-size: 16px !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
}

.pdp-v2-discount-badge {
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 20px !important;
    letter-spacing: 0.3px !important;
}

.pdp-v2-price-tax {
    font-size: 11.5px !important;
    color: #6b7280 !important;
    margin-top: 5px !important;
}

/* Trennlinie */
.pdp-v2-divider {
    border: none !important;
    border-top: 1px solid #e9ecef !important;
    margin: 18px 0 !important;
}

/* Kurzbeschreibung */
.pdp-v2-short {
    font-size: 13.5px !important;
    color: #374151 !important;
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
    border: none !important;
    background: none !important;
    border-top: none !important;
    padding: 0 !important;
}

.pdp-v2-short p { margin: 0 0 6px 0 !important; }
.pdp-v2-short ul { margin: 0 0 6px 16px !important; padding: 0 !important; }
.pdp-v2-short li { margin-bottom: 3px !important; }

/* Trust-Chips */
.pdp-v2-trust-list {
    list-style: none !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    border: none !important;
    background: none !important;
    grid-template-columns: unset !important;
}

.pdp-v2-trust-chip {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 4px 0 !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}

.pdp-v2-trust-icon {
    font-size: 18px !important;
    color: #1b937d !important;
    flex-shrink: 0 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: unset !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.pdp-v2-trust-text {
    font-size: 13px !important;
    color: #374151 !important;
    font-weight: 500 !important;
}

/* CTA Bereich */
.pdp-v2-cta {
    margin-bottom: 16px !important;
}

.pdp-v2-region-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 20px !important;
    padding: 5px 14px 5px 10px !important;
    margin-bottom: 14px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #166534 !important;
}

.pdp-v2-region-badge .material-icons {
    font-size: 16px !important;
    color: #22c55e !important;
}

/* Label über Variant-Select */
.pdp-v2-label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
}

/* Variant-Select */
.pdp-v2-variant {
    margin-bottom: 14px !important;
}

.pdp-v2-select {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    color: #1f2937 !important;
    background: #fff !important;
    appearance: auto !important;
}

.pdp-v2-select:focus {
    outline: none !important;
    border-color: #1b937d !important;
}

/* Form */
.pdp-v2-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Menge + Buy-Row */
.pdp-v2-buy-row {
    display: flex !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin-top: 4px !important;
}

.pdp-v2-qty {
    display: flex !important;
    align-items: center !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    flex-shrink: 0 !important;
}

.pdp-v2-qty .qty-btn-12345 {
    width: 36px !important;
    height: 44px !important;
    border: none !important;
    background: #f8fafc !important;
    font-size: 18px !important;
    cursor: pointer !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.pdp-v2-qty .qty-btn-12345:hover {
    background: #e9ecef !important;
}

.pdp-v2-qty input[type="number"] {
    width: 44px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: #fff !important;
    height: 44px !important;
    -moz-appearance: textfield !important;
}

.pdp-v2-qty input[type="number"]::-webkit-inner-spin-button,
.pdp-v2-qty input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}

/* Haupt-CTA-Button */
.pdp-v2-btn-cart {
    flex: 1 !important;
    height: 48px !important;
    padding: 0 20px !important;
    background: #1b937d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    letter-spacing: 0.2px !important;
    box-shadow: 0 3px 10px rgba(27,147,125,.25) !important;
}

.pdp-v2-btn-cart .material-icons {
    font-size: 20px !important;
}

.pdp-v2-btn-cart:hover {
    background: #17806d !important;
}

.pdp-v2-btn-unavailable {
    width: 100% !important;
    padding: 14px !important;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: not-allowed !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Lieferungs-Badges */
.pdp-v2-delivery-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 18px 0 0 0 !important;
    padding: 14px 0 0 0 !important;
    border-top: 1px solid #f0f4f8 !important;
}

.pdp-v2-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 4px 12px 4px 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    white-space: nowrap !important;
}

.pdp-v2-badge .material-icons {
    font-size: 14px !important;
    color: #1b937d !important;
}

/* Share-Zeile */
.pdp-v2-share {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 18px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f0f4f8 !important;
}

.pdp-v2-share-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
}

.pdp-v2-share-select {
    padding: 6px 10px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    color: #374151 !important;
    background: #fff !important;
    flex: 1 !important;
    max-width: 220px !important;
}

/* Lower wrapper (Tabs + Desc) */
.pdp-v2-lower {
    background: #f4f6f8 !important;
    padding: 24px 0 0 !important;
}

/* ── Responsive: ≤ 900px → 1-Spalte ── */
@media (max-width: 900px) {
    .pdp-v2-card {
        grid-template-columns: 1fr !important;
    }
    .pdp-v2-gallery {
        position: static !important;
        border-right: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        padding: 20px 16px !important;
    }
    .pdp-v2-info {
        padding: 20px 16px 24px !important;
    }
    .pdp-v2-title {
        font-size: 20px !important;
    }
    .pdp-v2-price {
        font-size: 28px !important;
    }
}

@media (max-width: 540px) {
    .pdp-v2-buy-row {
        flex-direction: column !important;
    }
    .pdp-v2-btn-cart {
        width: 100% !important;
        height: 52px !important;
        font-size: 16px !important;
    }
    .pdp-v2-delivery-badges {
        gap: 6px !important;
    }
    .pdp-v2-price {
        font-size: 24px !important;
    }
}

/* ── GLOBAL: ALLE TRANSITION & ANIMATION EFFEKTE DEAKTIVIERT ─────────── */
*, *::before, *::after {
    transition: none !important;
    animation: none !important;
    animation-duration: 0s !important;
    transition-duration: 0s !important;
}