/* No96 — produktive Ergänzungen 2026-07-20 */
.no96-seo-h1 .elementor-heading-title{
  margin:0 0 8px;color:#b8b8cc;font-family:'JetBrains Mono','Courier New',monospace;
  font-size:11px!important;font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase
}
.no96-hero-desc,.no96-hero-desc p{color:#d7d7e5!important;text-shadow:0 2px 7px rgba(0,0,0,.9)}
.elementor-element-a792857{--e-con-grid-template-rows:auto!important;grid-template-rows:auto!important}

.no96-swatch{background:var(--no96-swatch)!important;position:relative}
.no96-swatch[aria-label="Weiß"]{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.no96-swatch:focus-visible{outline:2px solid #00e5ff;outline-offset:3px}
.no96-fbtn{display:inline-flex;align-items:center;gap:8px}
.no96-fthumb{width:28px;height:28px;flex:0 0 28px;background:#fff center/contain no-repeat;border-radius:4px;border:1px solid rgba(255,255,255,.12)}
.no96-subbar .no96-fthumb{width:24px;height:24px;flex-basis:24px}

.no96-card-size{margin-top:6px;color:#707088;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.no96-artikel-card{height:100%!important;display:flex!important;flex-direction:column!important}
.no96-artikel-card>.no96-card-body{flex:1 1 auto!important}
.no96-artikel-card>.elementor-widget-shortcode:last-child{margin-top:auto!important;flex:0 0 auto!important}
.no96-card-body{flex:1}
.no96-card-size:empty,.no96-card-note:empty{display:none}
.no96-card-note{margin-top:4px;color:#ff4842;font-size:12px;font-weight:700;line-height:1.3}
.no96-card-actions{margin-top:auto}
.no96-brand-bar{min-height:46px;padding:10px 16px;background:#eceef2;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:center}
.no96-brand-bar>a,.no96-brand-bar>span{width:100%}
.no96-brand-bar a,.no96-brand-bar{color:#45465a;text-decoration:none}
.no96-brand-bar a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.no96-brand-bar img{width:auto!important;height:auto!important;max-width:100px!important;max-height:24px!important;object-fit:contain!important;padding:0!important;background:transparent!important}
.no96-brand-bar span{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}

.no96-contact-form{max-width:980px;margin:36px auto 0;padding:30px;background:#15152a;border:1px solid rgba(0,229,255,.18);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.28);scroll-margin-top:18px}
.no96-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.no96-contact-form label{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;color:#e8e8f4;font:700 12px/1.3 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.no96-contact-form input,.no96-contact-form select,.no96-contact-form textarea{width:100%;min-height:48px;padding:12px 14px;color:#e8e8f4;background:#0a0a14;border:1px solid rgba(140,140,200,.24);border-radius:6px;font:400 16px/1.4 'Source Sans 3',system-ui,sans-serif;text-transform:none;letter-spacing:0}
.no96-contact-form textarea{resize:vertical}
.no96-contact-form input:focus,.no96-contact-form select:focus,.no96-contact-form textarea:focus{outline:0;border-color:#00e5ff;box-shadow:0 0 0 3px rgba(0,229,255,.12)}
.no96-contact-form .no96-form-consent{display:grid;grid-template-columns:22px 1fr;align-items:start;font-family:'Source Sans 3',system-ui,sans-serif;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none}
.no96-form-consent input{width:18px;min-height:18px;margin-top:2px;accent-color:#00e5ff}
.no96-form-consent a{color:#00e5ff}
.no96-form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.no96-submit,.no96-inquiry-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;color:#fff!important;background:#ff5722;border:0;border-radius:6px;font:800 13px/1 'Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 6px 24px rgba(255,87,34,.35);transition:.2s ease}
.no96-submit:hover,.no96-inquiry-button:hover{background:#ff3d00;transform:translateY(-2px)}
.no96-form-note{margin:12px 0 0;color:#9090b0;font-size:12px}
.no96-form-status{max-width:980px;margin:28px auto 0;padding:15px 18px;border-radius:6px;font-weight:700}
.no96-form-status.is-success{color:#d9ffe4;background:rgba(57,255,122,.12);border:1px solid rgba(57,255,122,.45)}
.no96-form-status.is-error{color:#ffe1df;background:rgba(255,72,66,.12);border:1px solid rgba(255,72,66,.45)}

/* Markenseite (Wunsch Kunde 30.09.2026): 5 Logos pro Reihe, der weiße Kasten lässt nur einen schmalen Rand ums Logo.
   Maßgeblich ist diese Datei (sie lädt nach dem Kit-CSS). Handy bis 600 px bleibt wie gehabt zweispaltig. */
.no96-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.no96-brand-tile{min-height:100px;padding:16px 18px;background:#fff;border:1px solid rgba(0,229,255,.14);border-radius:10px;color:#181824!important;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;transition:.2s ease}
a.no96-brand-tile:hover{transform:translateY(-3px);border-color:#00e5ff;box-shadow:0 14px 34px rgba(0,229,255,.14)}
.no96-brand-tile img{width:auto;max-width:100%;height:64px;object-fit:contain}
@media(max-width:1024px){.no96-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.no96-brand-tile strong{font:800 13px/1.2 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.no96-brand-tile span{color:#5a5a72;font-size:11px}

.no96-map-link{padding:28px;background:#15152a;border:1px solid rgba(0,229,255,.18);border-radius:10px;text-align:center}
.no96-map-link p{color:#b8b8cc}
.no96-legal{max-width:900px;margin:0 auto;padding:60px 20px 80px;color:#c8c8da}
.no96-legal h1,.no96-legal h2,.no96-legal h3{color:#fff;font-family:'Barlow',sans-serif;text-transform:uppercase}
.no96-legal h1{font-size:42px;overflow-wrap:anywhere;hyphens:auto}.no96-legal h2{margin-top:36px;font-size:24px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.no96-legal h3{margin-top:24px;font-size:18px}
.no96-legal p,.no96-legal li{line-height:1.7}.no96-legal a{color:#00e5ff}

@media(max-width:800px){
  .no96-form-grid{grid-template-columns:1fr;gap:0}
  .no96-contact-form{padding:22px 16px}
  .no96-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .no96-legal h1{font-size:28px}
  .no96-legal h2{font-size:20px}
}
@media(max-width:600px){
  .no96-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .no96-brand-tile{min-height:104px;padding:16px}
  .no96-brand-tile img{height:44px}
}
@media(max-width:440px){
  /* Markenseite bleibt auch auf kleinen Handys zweispaltig (einspaltig waren es über 7.000 px Logos) */
  .no96-submit,.no96-inquiry-button{width:100%;font-size:12px}
}

/* No96 — Gesamtprüfung Nutzerführung 2026-07-20 */
.no96-typewriter .elementor-heading-title{
  animation:none!important;clip-path:none!important;white-space:normal!important;overflow:visible!important
}
.no96-typewriter .elementor-heading-title::after{display:none!important;animation:none!important}

.no96-hero-badge-static .elementor-heading-title{
  display:inline-block;margin:0 0 12px;padding:5px 12px;color:#00f0ff;border:1px solid #00f0ff;border-radius:2px;
  font:500 11px/1.2 'JetBrains Mono','Courier New',monospace;letter-spacing:.15em;text-transform:uppercase;
  box-shadow:0 0 10px rgba(0,240,255,.2)
}

/* Breite und Rand wie die Kopfzeile (1400 px Inhalt + 30 px Rand), damit „Start“ bündig unter dem Logo steht */
.no96-breadcrumbs{max-width:1460px;margin:0 auto;padding:12px 30px 0;color:#777791;font:600 13px/1.4 'Source Sans 3',sans-serif;font-variant-caps:small-caps;letter-spacing:.05em}
.no96-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0;padding:0;list-style:none}
.no96-breadcrumbs li+li::before{content:'/' ;margin-right:7px;color:#00e5ff}
.no96-breadcrumbs a{color:#a5a5bc;text-decoration:none}.no96-breadcrumbs a:hover{color:#00e5ff}.no96-breadcrumbs [aria-current="page"]{color:#d8d8e6}

.no96-guide{max-width:1200px;margin:20px auto 70px;padding:48px 34px;background:linear-gradient(145deg,rgba(21,21,42,.97),rgba(10,10,20,.97));border:1px solid rgba(0,229,255,.18);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.no96-guide-kicker{margin-bottom:12px;color:#00e5ff;font:600 12px/1.3 'JetBrains Mono','Courier New',monospace;letter-spacing:.2em;text-transform:uppercase}
.no96-guide h2{margin:0;color:#fff;font:800 clamp(30px,4vw,46px)/1.05 'Barlow',sans-serif;letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere;hyphens:auto}
.no96-guide-intro{max-width:800px;margin:18px 0 30px;color:#b8b8cc;font-size:18px;line-height:1.65}
.no96-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.no96-guide-card{min-width:0;padding:24px;background:#0f0f1d;border:1px solid rgba(140,140,200,.16);border-radius:9px}
.no96-guide-card h3,.no96-guide-check h3{margin:0 0 10px;color:#fff;font:800 20px/1.2 'Barlow',sans-serif;text-transform:uppercase}
.no96-guide-card p{margin:0;color:#aaaac0;line-height:1.6}
.no96-guide-check{margin-top:18px;padding:26px;background:rgba(0,229,255,.06);border-left:3px solid #00e5ff;border-radius:6px}
.no96-guide-check ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;margin:0;padding-left:20px;color:#c4c4d4;line-height:1.55}
.no96-guide-note{margin-top:18px;padding:18px 20px;color:#bfc0d1;background:rgba(57,255,122,.06);border:1px solid rgba(57,255,122,.2);border-radius:7px;line-height:1.6}.no96-guide-note strong{color:#39ff7a}
.no96-guide-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.no96-guide-primary,.no96-guide-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border-radius:6px;font:800 13px/1 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important}
.no96-guide-primary{color:#fff!important;background:#ff5722;box-shadow:0 6px 24px rgba(255,87,34,.28)}.no96-guide-primary:hover{background:#ff3d00}
.no96-guide-secondary{color:#00e5ff!important;border:1px solid rgba(0,229,255,.38)}.no96-guide-secondary:hover{border-color:#00e5ff}

.no96-filter-empty{max-width:760px;margin:26px auto 10px;padding:24px;text-align:center;background:rgba(255,87,34,.08);border:1px solid rgba(255,87,34,.3);border-radius:9px}
.no96-filter-empty[hidden]{display:none!important}.no96-filter-empty strong,.no96-filter-empty span{display:block}.no96-filter-empty strong{color:#fff;font:800 20px/1.2 'Barlow',sans-serif;text-transform:uppercase}.no96-filter-empty span{margin:10px 0 16px;color:#b8b8cc}.no96-filter-empty a{color:#ff8a65;font-weight:800;text-transform:uppercase;text-decoration:none}

.no96-brand-name-line{margin-bottom:10px;color:#00e5ff;font:500 12px/1.4 'JetBrains Mono','Courier New',monospace;text-transform:uppercase}.no96-brand-name-line a{color:inherit;text-decoration:none}
.no96-single-img .elementor-widget-container{display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:1/1!important;overflow:hidden!important}
.no96-single-img img{width:100%!important;height:100%!important;object-fit:contain!important}

@media(max-width:800px){
  .no96-breadcrumbs{padding:10px 20px 0;font-size:10px}
  .no96-guide{margin:12px 14px 50px;padding:32px 20px}.no96-guide-grid{grid-template-columns:1fr}.no96-guide-check ul{grid-template-columns:1fr}.no96-guide-intro{font-size:16px}
  .no96-guide-primary,.no96-guide-secondary{width:100%}
  .elementor-element-hdrnav01{width:60px!important;max-width:60px!important;min-width:0!important;flex:0 0 60px!important;overflow:visible!important}
  .elementor-element-hdrmain1 .elementor-nav-menu--dropdown{min-width:190px!important;background:#15152a!important;border:1px solid rgba(0,229,255,.28)!important;border-radius:8px!important;box-shadow:0 22px 60px rgba(0,0,0,.55)!important}
  .elementor-element-hdrmain1 .elementor-nav-menu--dropdown .elementor-item{justify-content:flex-start!important;padding:14px 18px!important;color:#e8e8f4!important;background:transparent!important;border-bottom:1px solid rgba(140,140,200,.12)!important}
  .elementor-element-hdrmain1 .elementor-nav-menu--dropdown li:last-child .elementor-item{border-bottom:0!important;color:#ff5722!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Feinschliff 28.09.2026 — steht hier statt im Kit-CSS, weil Elementor ::file-selector-button beim Erzeugen verwirft */
.no96-contact-form .no96-upload input[type=file]::file-selector-button{margin-right:12px;padding:9px 14px;border:0;border-radius:5px;background:#00e5ff;color:#0a0a14;font:800 12px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.no96-contact-form .no96-upload input[type=file]{color:#c4c4d4;font-size:14px}
.no96-guide-primary{gap:10px}
/* Globales Elementor-Formular: Datei-Knopf (steht hier, weil Elementor ::file-selector-button im Kit-CSS verwirft) */
.no96-anfrage-global input[type=file]::file-selector-button{margin-right:12px;padding:9px 14px;border:0;border-radius:5px;background:#00e5ff;color:#0a0a14;font:800 12px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.no96-anfrage-global input[type=file]{color:#c4c4d4;font-size:14px}

/* ════════════ FEHLERSEITE 404 (template-parts/404.php) ════════════ */
.no96-404{min-height:52vh;display:flex;align-items:center;justify-content:center;padding:70px 20px 90px}
.no96-404-inner{max-width:640px;text-align:center}
.no96-404-code{margin:0 0 10px;color:#00e5ff;font:500 12px/1.4 'JetBrains Mono','Courier New',monospace;letter-spacing:.2em;text-transform:uppercase}
.no96-404 h1{margin:0 0 16px;color:#fff;font:800 44px/1.05 'Barlow',sans-serif;text-transform:uppercase}
.no96-404-text{margin:0 0 28px;color:#b8b8cc;font-size:17px;line-height:1.6}
.no96-404-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.no96-404-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid rgba(0,229,255,.45);border-radius:6px;color:#00e5ff!important;background:rgba(0,229,255,.06);font:800 13px/1 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.no96-404-btn:hover{background:rgba(0,229,255,.16);color:#fff!important}
.no96-404-btn.is-primary{background:#ff5722;border-color:#ff5722;color:#fff!important}
.no96-404-btn.is-primary:hover{background:#ff3d00;border-color:#ff3d00}
@media(max-width:767px){.no96-404{padding:48px 16px 64px}.no96-404 h1{font-size:32px}.no96-404-btn{flex:1 1 100%}}

/* ════════════ ARTIKELSEITE: Hinweis, Zusatzansichten, Farbtext (Backend-Umbau 30.09.2026) ════════════ */
.no96-single-note .elementor-heading-title{color:#ff5a52;font:700 14px/1.35 'Barlow',sans-serif;letter-spacing:.02em;margin:-8px 0 16px}
.no96-single-views:has(.elementor-shortcode:empty){display:none}
.no96-views{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0!important;padding:0!important}
.no96-swatch.no96-view{width:58px;height:58px;border-radius:8px;border:2px solid rgba(255,255,255,.18);box-shadow:none}
.no96-swatch.no96-view:hover{transform:none;border-color:rgba(0,229,255,.6)}
.no96-swatch.no96-view.is-active{border-color:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.45)}
.no96-farben-text{display:block;color:#c4c4d4;font-size:15px;line-height:1.5}
.no96-swatches+.no96-farben-text{margin-top:8px;font-size:13px;color:#9a9ab4}

/* Kopfzeile: letzter Menüpunkt ohne Innenabstand rechts, damit „Aktionen“ rechtsbündig mit dem Inhalt darunter abschließt (07.10.2026) */
.elementor-21 .elementor-element.elementor-element-hdrmain1 .elementor-element-hdrnav01 nav.elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item{padding-right:0!important}
/* Kategorieseiten: Ränder auf Tablet/Handy wie die Kopfzeile (16 px) */
@media(max-width:1024px){
  .elementor-520 .elementor-element.elementor-element-archmain{--padding-left:16px;--padding-right:16px}
  .no96-breadcrumbs{padding-left:16px!important;padding-right:16px!important}
}

/* Kategorieseiten: Filter Größe / Farbe – eigene Zeile im Unterkategorie-Kasten (07.10.2026) */
.no96-zf-toggle{position:relative;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;padding:0;background:var(--no96-bg,#1a1a2e);border:1px solid rgba(140,140,200,.22);border-radius:6px;color:var(--no96-text,#e8e8f0);cursor:pointer;transition:.2s}
.no96-zf-toggle:hover,.no96-zf-toggle.is-open{color:#39ff7a;border-color:rgba(57,255,122,.6);box-shadow:0 0 18px rgba(57,255,122,.18)}
.no96-zf-toggle.is-active{color:#0a0a14;background:#39ff7a;border-color:#39ff7a}
.no96-zf-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#00e5ff;color:#0a0a14;font:700 11px/18px 'Source Sans 3',sans-serif;text-align:center}
.no96-zfilter[hidden]{display:none!important}
.no96-zfilter{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(140,140,200,.18)}
.no96-zf{display:inline-flex;align-items:center;gap:8px;margin:0;font:700 11px/1 'Barlow',sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#a5a5bc}
.no96-zf-select{appearance:none;-webkit-appearance:none;min-width:150px;padding:9px 34px 9px 12px;font:600 14px/1.2 'Source Sans 3',sans-serif;color:var(--no96-text,#e8e8f0);background:var(--no96-bg,#1a1a2e) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2339ff7a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid rgba(140,140,200,.3);border-radius:6px;cursor:pointer}
.no96-zf-select:hover,.no96-zf-select:focus{border-color:rgba(57,255,122,.6);outline:none}
.no96-zf-select.is-set{border-color:#39ff7a;color:#39ff7a}
.no96-zf-select option{color:#111;background:#fff}
.no96-zf-select option:disabled{color:#aaa}
.no96-zf--sort{margin-left:auto}
.no96-zf-reset{padding:6px 0;background:none;border:0;font:600 13px/1 'Source Sans 3',sans-serif;color:#a5a5bc;cursor:pointer}
.no96-zf-reset:hover{color:#39ff7a}
@media(max-width:767px){
  .no96-zfilter{gap:10px}
  .no96-zf{flex:1 1 140px;flex-direction:column;align-items:stretch;gap:6px}
  .no96-zf-select{width:100%;min-width:0}
  .no96-zf-reset{margin-left:0;flex-basis:100%;text-align:left}
}

/* Footer (07.10.2026): Adresse/Telefon und Zahlarten in der ersten Spalte, Rechtslinks rechts in der Copyright-Zeile */
.no96-footer .no96-footer-kontakt{margin:0;color:#a5a5bc;font-size:15px;line-height:1.6}
.no96-footer .no96-footer-kontakt a{color:#d8d8e6;text-decoration:none}
.no96-footer .no96-footer-kontakt a:hover{color:#00e5ff}
.no96-footer .no96-footer-zahlarten .no96-zahlarten{flex-direction:column;align-items:flex-start;gap:10px}
.no96-socket{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px}
.no96-socket p{margin:0}
.no96-socket-links{display:flex;gap:20px}
.no96-socket-links a{color:#a5a5bc;text-decoration:none}
.no96-socket-links a:hover{color:#00e5ff}
@media(max-width:600px){.no96-socket{flex-direction:column;align-items:flex-start}}
.no96-footer .elementor-widget.no96-footer-zahlarten{padding:0!important;border-top:0!important;margin-top:18px!important}
.no96-footer .no96-footer-kontakt a{font-size:inherit!important}
.no96-footer .no96-socket p,.no96-footer .no96-socket-links a{font-size:14px!important}
.no96-footer .elementor-widget-text-editor ul li:first-child{margin-top:0!important}