/* IKS Plugin – Baustein-Stile. EINE Marken-Quelle: bevorzugt Theme-Tokens (theme.json presets),
   Fallback-Hex nur fuer Fremd-Themes/Backend, wo die Presets fehlen. Farben NIE mehr direkt als
   Hex im Frontend-CSS setzen – immer var(--iks-*) verwenden. */
:root{
  --iks-red:   var(--wp--preset--color--iks-red,   #991424);
  --iks-red-d: #7d1019; /* dunkler Marken-Rot-Ton (Hover/Akzent) – vereinheitlicht, kein Preset */
  --iks-anth:  var(--wp--preset--color--anthrazit, #24343E);
  --iks-ink:   var(--wp--preset--color--ink,       #0E141A);
  --iks-steel: var(--wp--preset--color--steel,     #3D5462);
  --iks-muted: var(--wp--preset--color--muted,     #5A6A73); /* 3.99.75: von #6E7A82 (4.40:1) auf #5A6A73 (5.61:1) – WCAG AA auf Weiss */
  --iks-line:  var(--wp--preset--color--line,      #DCE0E3);
  --iks-nebel: var(--wp--preset--color--nebel,     #E6E9EB);
  --iks-paper: var(--wp--preset--color--paper,     #FBFBFA);
}
/* 3.99.75: Tastatur-Fokusring fuer die restlichen klickbaren Frontend-Elemente (Barrierefreiheit) —
   die Karten-/Button-/Chip-Familien hatten ihn bereits (Karten-DNA + Button-System). */
.iks-yt-card:focus-visible,.iks-ig-item:focus-visible,.iks-brand:focus-visible,.iks-finder-links a:focus-visible,.iks-xchip:focus-visible,.iks-az-name:focus-visible,.iks-az-li:focus-visible,.iks-cc-item:focus-visible,.iks-wb-title:focus-visible,a.iks-feat:focus-visible,.iks-back a:focus-visible,.iks-consent-reopen:focus-visible,.iks-yt-lb-x:focus-visible{outline:2px solid var(--iks-red);outline-offset:2px}
/* Rote „Skalenkante" als wiederkehrendes Markenelement (für Gruppen mit .iks-tick) */
.iks-tick{ position:relative; }
.iks-tick::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:8px;
  background:repeating-linear-gradient(180deg,var(--iks-red) 0,var(--iks-red) 7px,var(--iks-red-d) 7px,var(--iks-red-d) 10px); }

/* Mono-Kicker-Hilfsklasse */
.iks-kicker{ font-family:'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; }

/* News-Datum */
.iks-meta{ font-family:'IBM Plex Mono',monospace; font-size:.8rem; color:var(--iks-red); }

/* Kontaktformular */
.iks-form{max-width:640px;display:flex;flex-direction:column;gap:14px;margin-top:8px}
.iks-form .iks-row{display:flex;gap:14px}
.iks-form .iks-row label{flex:1}
.iks-form label{display:flex;flex-direction:column;font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--iks-muted);gap:6px}
.iks-form input,.iks-form textarea{font-family:'IBM Plex Sans',sans-serif;font-size:1rem;color:var(--iks-anth);padding:11px 13px;border:1px solid var(--iks-line);background:#fff}
.iks-form input:focus,.iks-form textarea:focus{outline:none;border-color:var(--iks-red)}
.iks-form .iks-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

.iks-note{padding:14px 16px;margin-bottom:18px;font-size:.95rem}
.iks-ok{background:#eaf3ee;border:1px solid #2e8b6b;color:#1f5e49}
.iks-err{background:#f8e9ea;border:1px solid var(--iks-red);color:var(--iks-red-d)}
@media(max-width:560px){.iks-form .iks-row{flex-direction:column}}

/* Download-Bereich */
.iks-dl-cat{margin:30px 0 10px;font-size:1.25rem}
.iks-dl-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--iks-line)}
.iks-dl-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--iks-line)}
.iks-dl-name{font-size:1rem;color:var(--iks-anth)}
.iks-dl-badge{font-family:'IBM Plex Mono',monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;margin-left:10px;border:1px solid var(--iks-line);border-radius:2px;vertical-align:middle}
.iks-dl-badge.own{color:var(--iks-red);border-color:#e3b9be}
.iks-dl-badge.ext{color:var(--iks-steel)}
.iks-dl-man{color:var(--iks-muted);font-size:.85rem}

.iks-gate{border:1px solid var(--iks-line);background:#fff;padding:22px;margin-bottom:26px}
.iks-gate h3{margin-top:0}

/* YouTube-Videos */
.iks-yt{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.iks-yt{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.iks-yt{grid-template-columns:1fr}}
.iks-yt-card{display:block;text-decoration:none;color:var(--iks-anth)}
.iks-yt-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--iks-ink);overflow:hidden;border:1px solid var(--iks-line)}
.iks-yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.iks-yt-ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--iks-steel);font-size:2rem}
.iks-yt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;background:rgba(14,20,26,.25);opacity:0;transition:.2s}
.iks-yt-card:hover .iks-yt-play{opacity:1}
.iks-yt-title{display:block;margin-top:10px;font-weight:500;font-size:.98rem;line-height:1.35}

/* Kundenbereich */
.iks-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:8px}
@media(max-width:700px){.iks-login-grid{grid-template-columns:1fr}}
.iks-login-grid h3{margin:0 0 10px}
.iks-member .iks-dl-list{margin-top:8px}

/* Instagram-Feed */
.iks-ig{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:700px){.iks-ig{grid-template-columns:repeat(2,1fr)}}
.iks-ig-item{display:block;aspect-ratio:1;overflow:hidden;background:var(--iks-ink)}
.iks-ig-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.2s}
.iks-ig-item:hover img{transform:scale(1.05)}

/* Shop / Preisblock */
.iks-price{border:1px solid var(--iks-line);background:#fff;padding:18px 20px;margin:0 0 24px;display:flex;flex-direction:column;gap:6px;max-width:420px}
.iks-price-sku{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--iks-muted)}
.iks-price-val{font-size:1.5rem;font-weight:600;color:var(--iks-anth)}
.iks-price-note,.iks-price-avail{font-size:.8rem;color:var(--iks-muted)}
.iks-cart-btn{margin-top:8px;align-self:flex-start}

/* Produkt-/Kategorie-Kacheln (dynamisch) */
/* 3.22.39: .prodgrid war ZWEIMAL definiert (3 feste Spalten hier, auto-fill weiter unten).
   Die erste Regel war tot. Jetzt EINE Quelle - siehe Raster-System unten. */
.prodgrid{display:grid;gap:18px;margin-top:8px}
/* 3.22.39: Flex-Spalte, damit der CTA wie bei allen anderen Kacheln unten buendig sitzt
   (margin-top:auto greift nur im Flex-Kontext) und die Kacheln gleich hoch abschliessen. */
.prod{display:flex;flex-direction:column;border:1px solid var(--iks-line);background:#fff;padding:24px 22px;text-decoration:none;color:var(--iks-anth);transition:.2s}
.prod .no{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--iks-muted)}
.prod h3{font-size:18px;margin:14px 0 8px;color:var(--iks-anth)}
.prod p{font-size:14px;color:var(--iks-muted);margin:0}
.prod .arrow{display:inline-block;margin-top:12px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--iks-red);text-decoration:none}
.prod:hover{border-color:var(--iks-anth);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(36,52,62,.5)}

/* Mediathek: Video-Einbettung */
.iks-embed{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--iks-line);background:#000;margin:8px 0 16px}
.iks-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* AMFE Konfigurator-Einbettung */
.iks-app-embed{position:relative;width:100%;border:1px solid var(--iks-line);background:#fff;margin:8px 0}
.iks-app-embed iframe{width:100%;height:var(--h,900px);border:0;display:block}

/* AMFE Vor-Formular + nahtlose Einbettung */
.iks-konf-pre{border:1px solid var(--iks-line);background:#fff;padding:22px 24px;margin:0 0 18px}
.iks-konf-pre h3{margin:0 0 6px}
.iks-konf-pre .iks-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.iks-konf-pre label{flex:1;min-width:200px;display:flex;flex-direction:column;font-size:.9rem;color:var(--iks-anth)}
.iks-konf-pre input{border:1px solid var(--iks-line);padding:9px 11px;font-family:'IBM Plex Sans',sans-serif;margin-top:4px}
.iks-app-embed{border:0!important;background:transparent}
.iks-app-embed iframe{width:100%;height:var(--h,900px);border:0;display:block}

/* AMFE Vor-Formular: Einwilligung */
.iks-konf-pre .iks-consent{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;color:var(--iks-anth);margin:8px 0}
.iks-konf-pre .iks-consent input{flex:none;margin-top:3px;width:auto}

/* Consent-Banner + externe-Inhalte-Sperre */
.iks-consent{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:var(--iks-anth);border-top:3px solid var(--iks-red)}
.iks-consent-in{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.iks-consent-in p{margin:0;flex:1;min-width:240px;font-size:.88rem;color:var(--iks-nebel)}
.iks-consent-in a{color:#fff;text-decoration:underline}
.iks-consent-btns{display:flex;gap:10px;flex:none}
.iks-consent-reopen{position:fixed;left:14px;bottom:14px;z-index:9998;background:var(--iks-anth);color:#fff;border:0;font-size:.72rem;padding:6px 10px;cursor:pointer;opacity:.65;font-family:'IBM Plex Mono',monospace}
.iks-consent-reopen:hover{opacity:1}
.iks-cgate{border:1px dashed #9AA3A8;background:#F6F7F7;padding:28px;text-align:center;margin:8px 0}
.iks-cgate-ph p{color:var(--iks-steel);margin:0 0 12px}
/* Newsletter */
.iks-news{border:1px solid var(--iks-line);background:#fff;padding:24px 26px;max-width:680px}
.iks-news h3{margin:0 0 6px}
.iks-news .iks-consent{position:static;background:none;border:0;display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--iks-anth);margin:8px 0;padding:0}
.iks-news .iks-consent input{flex:none;margin-top:3px;width:auto}

/* Newsletter-Band + Rechtstexte */
.iks-news-band{background:#F6F7F7;border-top:1px solid var(--iks-line);padding:20px 24px}
.iks-news-wrap{max-width:1140px;margin:0 auto}
.iks-legal h2{margin-top:28px;font-size:1.25rem}
.iks-legal p{margin:.5em 0}
.iks-form .iks-consent{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;color:var(--iks-anth);margin:6px 0}
.iks-form .iks-consent input{flex:none;margin-top:3px;width:auto}

/* Fehlende Pflichtangaben in Rechtstexten sichtbar markieren */
.iks-missing{background:#FDECEE;color:var(--iks-red);padding:1px 6px;font-weight:600;border-radius:2px}

/* Farbige Bänder über volle Breite (auch unter Fremd-Themes) */
.iks-tick{position:relative;width:100vw;max-width:100vw;margin-left:0;margin-right:0;left:50%;transform:translateX(-50%)}

/* Breite Kachel-Raster (Übersicht/Kategorien) + Brotkrumen */
/* EIN Rastermass fuer alle Inhaltskacheln (3.22.39): 210/210/220px ergaben je nach Bereich
   4 bis 5 Spalten - Bildkacheln wurden dadurch winzig. 260px = durchgaengig 4 Spalten bei 1120px. */
.iks-cardgrid,.prodgrid,.iks-hp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.iks-cardgrid{display:grid}
.iks-card-tile{display:flex;flex-direction:column;border:1px solid var(--iks-line);background:#fff;padding:22px;text-decoration:none;color:var(--iks-anth);transition:.2s}
.iks-card-tile:hover{border-color:var(--iks-anth);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(36,52,62,.5)}
.iks-card-h{font-size:1.05rem;font-weight:600;color:var(--iks-anth)}
.iks-card-x{font-size:.85rem;color:var(--iks-muted);margin-top:8px}
.iks-card-go{margin-top:auto;padding-top:12px;font-family:"IBM Plex Mono",monospace;font-size:.8rem;color:var(--iks-red)}
.iks-crumbs{font-family:"IBM Plex Mono",monospace;font-size:.8rem;color:var(--iks-muted);margin:0 0 18px}
.iks-crumbs a{color:var(--iks-muted);text-decoration:none}.iks-crumbs a:hover{color:var(--iks-red)}
.iks-crumbs .cur{color:var(--iks-anth)}.iks-crumbs span{opacity:.55;margin:0 4px}

/* Bildgeführte Kacheln */
.iks-card-tile{padding:0;overflow:hidden}
.iks-card-img{display:block;aspect-ratio:16/10;background:var(--iks-nebel);border-bottom:1px solid var(--iks-line)}
.iks-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.iks-card-b{display:flex;flex-direction:column;flex:1;padding:18px 20px}
.iks-card-tile:not(.has-img) .iks-card-b{min-height:120px}

/* Vollbreiten-Bänder (hell/dunkel) mit zentriertem Inhalt */
.iks-band{position:relative;width:100vw;max-width:100vw;margin-left:0;margin-right:0;left:50%;transform:translateX(-50%)}
.iks-band-in{max-width:1120px;margin:0 auto}/* #3.22.6: an die Content-Breite (1120px) der übrigen Bänder angeglichen – behebt den Versatz des Video-Bands */
.iks-video-band{background:#0F1A20}
.iks-video-band h2{color:#fff}
/* Icon-Feature-Karten */
.iks-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;max-width:1180px;margin:30px auto 0}
/* 3.99.83: Feature-Karten in die Karten-DNA (roter Kopfakzent + Radius) und Icon in die helle Icon-Sprache. */
.iks-feat{background:#fff;border:1px solid var(--iks-line,#DCE0E3);border-top:3px solid var(--iks-red,#991424);border-radius:12px;padding:26px 24px}
.iks-feat-ic{display:inline-flex;width:46px;height:46px;border-radius:11px;color:var(--iks-red);background:rgba(153,20,36,.08);align-items:center;justify-content:center;margin-bottom:14px;transition:background .25s,color .25s}
.iks-feat-ic svg{width:24px;height:24px}
.iks-feat h3{margin:0 0 8px;font-size:1.1rem;color:var(--iks-anth)}
.iks-feat p{margin:0;color:#5A6A73;font-size:.92rem}
/* Video responsiv */
.iks-videowrap{max-width:920px;margin:0 auto}
.iks-embed{position:relative;aspect-ratio:16/9;width:100%}
.iks-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* 3.99.81: Bildlose Kacheln bekommen KEIN dunkles Anthrazit-Banner mehr, sondern DASSELBE
   dezente, helle Icon-Feld wie die Produktwelten (.iks-world-ic, s. o.). Eine Icon-Sprache über
   alle Kacheln hinweg — damit /unternehmen/ & Co. nicht mehr wie ein Fremdkörper-Raster wirken
   (der auf den Screenshots bemängelte Designbruch). Icon sitzt oben links in der Karte, Text darunter. */
.iks-card-tile.has-ic .iks-card-ic{display:inline-flex;width:46px;height:46px;margin:22px 20px 0;align-items:center;justify-content:center;border-radius:11px;background:rgba(153,20,36,.08);color:var(--iks-red);aspect-ratio:auto;border:0;transition:background .25s,color .25s}
.iks-card-tile.has-ic .iks-card-ic svg{width:24px;height:24px;opacity:1}
.iks-card-tile.has-ic:hover .iks-card-ic{background:var(--iks-red);color:#fff}
.iks-card-tile.has-ic .iks-card-b{padding-top:12px}
.iks-card-tile.has-ic::before{content:none}
/* Kein dunkler Platzhalter mehr für ganz bildlose Kacheln — durchgängig heller Karten-Look. */
.iks-card-tile:not(.has-img):not(.has-ic)::before{content:none}
/* 3.99.86: Roter Kopfakzent auch auf BILD-Karten sichtbar. Auf Icon-/Text-Karten sitzt der 3px-Rand über Weiß
   (klar sichtbar); auf Bild-Karten sitzt das randlose Bild bündig oben und „schluckt" den Kartenrand-Akzent
   optisch. Darum den Akzent hier explizit als 3px-Kante auf die Bildfläche legen — so ist der rote Kopf über
   JEDEM Bild sichtbar und identisch zu den übrigen Karten. */
.iks-card-tile.has-img{border-top:0}
.iks-card-tile.has-img .iks-card-img{border-top:3px solid var(--iks-red,#991424)}

/* =================================================================
   MODERNISIERUNG (v1.0.3) – Startseiten-Komponenten + Interaktivität
   ================================================================= */

/* --- Hero: Vertrauens-Zeile --- */
.iks-hero{position:relative;overflow:hidden}
.iks-hero-trust{display:flex;flex-wrap:wrap;gap:10px 30px;margin:34px 0 0;padding:0;font-family:'IBM Plex Mono',monospace;font-size:.8rem;letter-spacing:.02em;color:#AEB9BF}
.iks-hero-trust span{display:inline-flex;align-items:center;gap:8px}
.iks-hero-trust span::before{content:"";width:6px;height:6px;background:var(--iks-red);transform:rotate(45deg);flex:none}
.iks-hero-trust b{color:#fff;font-weight:600}

/* --- Produktwelten --- */
.iks-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
@media(max-width:900px){.iks-worlds{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.iks-worlds{grid-template-columns:1fr}}
.iks-world{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--iks-line);padding:26px 24px 22px;text-decoration:none;color:var(--iks-anth);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.iks-world::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--iks-red);transition:width .3s ease}
.iks-world:hover{transform:translateY(-4px);border-color:var(--iks-anth);box-shadow:0 22px 40px -24px rgba(36,52,62,.6)}
.iks-world:hover::before{width:100%}
.iks-world:focus-visible{outline:2px solid var(--iks-red);outline-offset:3px}
.iks-world-ic{display:inline-flex;width:46px;height:46px;color:var(--iks-red);background:rgba(153,20,36,.08);align-items:center;justify-content:center;margin-bottom:16px;transition:background .25s,color .25s}
.iks-world-ic svg{width:24px;height:24px}
.iks-world:hover .iks-world-ic{background:var(--iks-red);color:#fff}
.iks-world h3{margin:0 0 7px;font-size:1.08rem;color:var(--iks-anth)}
.iks-world p{margin:0;font-size:.9rem;line-height:1.5;color:#5A6A73}
.iks-world-go{margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--iks-red);transition:letter-spacing .2s}
.iks-world:hover .iks-world-go{letter-spacing:.05em}

/* --- Kennzahlen (animiert) --- */
.iks-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:760px){.iks-stats{grid-template-columns:1fr 1fr;gap:30px 24px}}
.iks-stat{position:relative;padding-left:18px}
.iks-stat::before{content:"";position:absolute;left:0;top:4px;bottom:6px;width:3px;background:repeating-linear-gradient(180deg,var(--iks-red) 0,var(--iks-red) 6px,#c98b91 6px,#c98b91 9px)}
.iks-stat-n{font-size:2.7rem;line-height:1;font-weight:600;color:var(--iks-anth);font-variant-numeric:tabular-nums}
.iks-stat-n.is-word{font-size:1.7rem;padding-top:.55rem}
.iks-stat-l{margin-top:10px;font-size:.86rem;color:#5A6A73;line-height:1.45}

/* --- AMFE-Schritte (Sequenz 01/02/03 auf dunkel) --- */
.iks-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media(max-width:760px){.iks-steps{grid-template-columns:1fr}}
.iks-step{position:relative;background:#16232C;border-top:2px solid var(--iks-red);padding:24px 22px}
.iks-step-n{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.06em;color:#CE6A73}
.iks-step h3{margin:10px 0 8px;color:#fff;font-size:1.05rem}
.iks-step p{margin:0;color:#AEB9BF;font-size:.9rem;line-height:1.5}

/* --- Markenpartner-Chips --- */
.iks-brands{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.iks-brand{font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:var(--iks-anth);text-decoration:none;padding:9px 16px;border:1px solid var(--iks-line);background:#fff;transition:.2s}
.iks-brand:hover{border-color:var(--iks-red);color:var(--iks-red);transform:translateY(-2px)}

/* --- News-Grid --- */
.iks-newsgrid .wp-block-post-title a{text-decoration:none;color:var(--iks-anth)}
.iks-newsgrid .wp-block-post-title a:hover{color:var(--iks-red)}

/* --- Abschluss-CTA --- */
.iks-cta-band{background:radial-gradient(120% 150% at 100% 0,#2C3E49 0,#16232C 55%,var(--iks-ink) 100%)}
.iks-cta-band h2{color:#fff}

/* --- Anwendungsfinder (interaktiv) --- */
.iks-finder{margin-top:30px;border:1px solid var(--iks-line);background:#fff}
.iks-finder-tabs{display:flex;flex-wrap:wrap}
.iks-finder-tab{flex:1 1 160px;font-family:'IBM Plex Mono',monospace;font-size:.82rem;padding:16px 18px;background:#F1F4F5;border:0;border-right:1px solid var(--iks-line);border-bottom:1px solid var(--iks-line);cursor:pointer;color:#5A6A73;text-align:left;transition:background .2s,color .2s,box-shadow .2s}
.iks-finder-tab:last-child{border-right:0}
.iks-finder-tab:hover{color:var(--iks-anth)}
.iks-finder-tab[aria-selected="true"]{background:#fff;color:var(--iks-anth);box-shadow:inset 0 3px 0 var(--iks-red);border-bottom-color:#fff}
.iks-finder-tab:focus-visible{outline:2px solid var(--iks-red);outline-offset:-2px}
.iks-finder-panel{padding:26px 26px 28px}
.iks-finder-panel[hidden]{display:none}
.iks-finder-panel p{margin:0 0 16px;color:#5A6A73;font-size:.96rem;line-height:1.55;max-width:680px}
.iks-finder-links{display:flex;flex-wrap:wrap;gap:10px}
.iks-finder-links a{font-family:'IBM Plex Mono',monospace;font-size:.82rem;text-decoration:none;color:var(--iks-anth);border:1px solid var(--iks-line);padding:9px 15px;transition:.2s}
.iks-finder-links a:hover{border-color:var(--iks-red);color:var(--iks-red);transform:translateY(-2px)}

/* --- Scroll-Reveal (nur aktiv, wenn JS lädt; reduzierte Bewegung respektiert) --- */
html.iks-js .iks-reveal{opacity:0;transition:opacity .6s ease}
html.iks-js .iks-reveal.in{opacity:1}
@media(prefers-reduced-motion:reduce){html.iks-js .iks-reveal{opacity:1!important;transition:none}}

/* --- Filterleiste (Wissen/News) --- */
.iks-filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}

.iks-chip[aria-pressed="true"]{background:var(--iks-anth);border-color:var(--iks-anth);color:#fff}

/* 3.22.35: Die Regel verlangte zusätzlich .prod – die News-Kacheln sind aber .iks-card-tile.
   Dadurch setzte das JS zwar is-hidden, es hatte aber KEINE Wirkung: der Kategorie-Filter im
   News-Bereich zeigte weiterhin alle Beiträge. Jetzt greift is-hidden in jedem Filterraster. */
.iks-filtergrid .is-hidden{display:none!important}
.iks-filtergrid .prod.is-hidden{display:none}
.iks-news-cat{font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--iks-red)}
.iks-filter-empty{color:var(--iks-muted);font-family:'IBM Plex Mono',monospace;font-size:.85rem;margin-top:4px}

/* --- Download-Filter (Hersteller x Dokumentart) --- */
.iks-dlfilter-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 8px}
.iks-dlfilter-lbl{font-family:'IBM Plex Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--iks-muted);min-width:96px}
.iks-dlfilter-row .iks-filterbar{margin:0;flex:1}
.iks-dlfilter .iks-dl-list{margin-top:18px}
.iks-dl-list .is-hidden{display:none}

/* --- Interne Querverlinkung (Hersteller/Verwandte Bereiche/Produktwelten) --- */
.iks-xlink{margin-top:34px;padding-top:22px;border-top:1px solid var(--iks-line)}
.iks-xlink h2{font-size:1.15rem;margin:0 0 12px}
.iks-xchips{display:flex;flex-wrap:wrap;gap:10px}
.iks-xchip{font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:var(--iks-anth);text-decoration:none;padding:9px 16px;border:1px solid var(--iks-line);background:#fff;transition:.2s}
.iks-xchip:hover{border-color:var(--iks-red);color:var(--iks-red);transform:translateY(-2px)}

/* --- Partner-LinkedIn-Link + Hersteller-A–Z --- */
.iks-xext{margin-top:14px}
.iks-xlinkedin{font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:#0a66c2;text-decoration:none;border:1px solid #0a66c2;padding:8px 15px;display:inline-block;transition:.2s}
.iks-xlinkedin:hover{background:#0a66c2;color:#fff}
.iks-az{border-top:1px solid var(--iks-line);margin-top:8px}
.iks-az-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 0;border-bottom:1px solid var(--iks-line)}
.iks-az-name{font-weight:600;font-size:1.05rem;color:var(--iks-anth);text-decoration:none;min-width:140px}
.iks-az-name:hover{color:var(--iks-red)}
.iks-az-cats{flex:1;font-size:.88rem;color:var(--iks-muted)}
.iks-az-cats a{color:var(--iks-muted);text-decoration:none}.iks-az-cats a:hover{color:var(--iks-red)}
.iks-az-li{font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:#0a66c2;text-decoration:none}
.iks-az-li:hover{text-decoration:underline}

/* --- Partner-Rolle/Status (Competence Center etc.) --- */
.iks-role{border:1px solid var(--iks-line);border-left:3px solid var(--iks-red);background:var(--iks-paper);padding:16px 20px;margin:0 0 22px}
.iks-role-badge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--iks-red);padding:4px 10px;margin-bottom:8px}
.iks-role p{margin:0;color:var(--iks-anth)}
/* --- Startseite: Competence-Center-Abschnitt --- */
.iks-cc{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
@media(max-width:680px){.iks-cc{grid-template-columns:1fr}}
.iks-cc-item{display:flex;flex-direction:column;gap:5px;border:1px solid var(--iks-line);border-top:3px solid var(--iks-red);background:#fff;padding:18px 20px;text-decoration:none;transition:.2s}
.iks-cc-item:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(36,52,62,.55)}
.iks-cc-name{font-size:1.15rem;font-weight:600;color:var(--iks-anth)}
.iks-cc-role{font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--iks-red);line-height:1.4}
.iks-cc-more{margin:30px 0 10px;font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--iks-muted)}

/* --- Marken-Landing-Abschnitt (SEO) --- */
.iks-brandseo{margin:26px 0;padding:22px 24px;background:var(--iks-paper);border:1px solid var(--iks-line);border-left:3px solid var(--iks-red)}
.iks-brandseo h2{font-size:1.25rem;margin:0 0 12px}
.iks-brandseo p{margin:0 0 12px;color:var(--iks-anth);line-height:1.65}
.iks-brandseo p:last-child{margin-bottom:0}
.iks-brandseo a{color:var(--iks-red);text-decoration:none;font-weight:600}
.iks-brandseo a:hover{text-decoration:underline}

/* --- FAQ-Akkordeon --- */
.iks-faq{margin:30px 0;border-top:1px solid var(--iks-line);padding-top:22px}
.iks-faq h2{font-size:1.3rem;margin:0 0 14px}
.iks-faq-item{border:1px solid var(--iks-line);border-left:3px solid var(--iks-red);margin-bottom:10px;background:#fff}
.iks-faq-item summary{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--iks-anth);list-style:none;position:relative;padding-right:42px}
.iks-faq-item summary::-webkit-details-marker{display:none}
.iks-faq-item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--iks-red);font-weight:400}
.iks-faq-item[open] summary::after{content:"–"}
.iks-faq-a{padding:0 18px 16px;color:var(--iks-anth);line-height:1.65}
.iks-faq-a p{margin:0}

/* --- Nächste Webinare --- */
.iks-wb{margin:30px 0;border-top:1px solid var(--iks-line);padding-top:22px}
.iks-wb h2{font-size:1.3rem;margin:0 0 14px}
.iks-wb-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:14px 0;border-bottom:1px solid var(--iks-line)}
.iks-wb-date{font-family:'IBM Plex Mono',monospace;font-size:.82rem;color:var(--iks-red);min-width:170px}
.iks-wb-title{flex:1;font-weight:600;color:var(--iks-anth);text-decoration:none}
.iks-wb-title:hover{color:var(--iks-red)}

/* --- Warum IKS --- */
.iks-why{margin:46px 0}
.iks-why h2{font-size:1.6rem;margin:4px 0 0}
.iks-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
@media(max-width:680px){.iks-why-grid{grid-template-columns:1fr}}
.iks-why-card{border:1px solid var(--iks-line);border-top:3px solid var(--iks-red);background:#fff;padding:22px 24px}
.iks-why-card h3{font-size:1.12rem;margin:0 0 8px;color:var(--iks-anth)}
.iks-why-card p{margin:0;color:#4a5862;line-height:1.6}

/* --- Newsletter kompakt/horizontal (Footer-Band) --- */
.iks-nl{display:flex;flex-wrap:wrap;align-items:center;gap:14px 36px;border:0;background:none;padding:0;max-width:none}
.iks-nl-head{flex:1 1 230px}
.iks-nl-head h3{margin:0;font-size:1.15rem}
.iks-nl-head p{margin:3px 0 0;font-size:.86rem;color:var(--iks-muted)}
.iks-nl-form{flex:2 1 520px;max-width:none;margin-top:0;gap:8px}
.iks-nl-fields{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:10px}
.iks-nl-fields label{flex:1 1 0;min-width:0}
.iks-nl-fields input{padding:9px 11px}

.iks-nl .iks-consent{font-size:.76rem;margin:2px 0 0;color:var(--iks-muted)}
@media(max-width:720px){
  .iks-nl-fields{flex-wrap:wrap;flex-direction:column;align-items:stretch}
  /* 3.22.40: Es gab ZWEI widerspruechliche Regeln (flex-end UND flex-start) fuer denselben
   Newsletter-Button. Jetzt eine. Groesse kommt aus dem Button-System. */
.iks-nl-fields .iks-submit{flex:0 0 auto;align-self:flex-start}
}

/* --- „Was macht IKS aus" – klickbare Rollen-Kacheln --- */
a.iks-feat{display:flex;flex-direction:column;text-decoration:none;color:inherit}
a.iks-feat h3{color:var(--iks-anth)}
a.iks-feat:hover{border-color:var(--iks-anth);border-top-color:var(--iks-red,#991424);transform:translateY(-3px);box-shadow:0 16px 32px -20px rgba(36,52,62,.55)}
a.iks-feat:hover .iks-feat-ic{background:var(--iks-red,#991424);color:#fff} /* 3.99.83: Icon-Sprache – Hover fuellt das Feld rot */
.iks-feat-ic svg{width:24px;height:24px}
.iks-feat-go{margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--iks-red)}

/* --- Hersteller-Übersicht mit Logos --- */
.iks-hp-grid{display:grid;margin-top:8px}
.iks-hp-card{display:flex;flex-direction:column;border:1px solid var(--iks-line);border-top:3px solid var(--iks-red);background:#fff;padding:20px;text-decoration:none;color:var(--iks-anth);transition:.2s}
.iks-hp-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -22px rgba(36,52,62,.5)}
.iks-hp-logo{display:flex;align-items:center;justify-content:flex-start;height:54px;margin-bottom:14px}
.iks-hp-logo img{max-height:54px;max-width:170px;width:auto;object-fit:contain}
.iks-hp-logo--name{font-size:1.15rem;font-weight:600;color:var(--iks-anth)}
/* 3.22.37: Logo-Ersatz = Monogramm statt Firmenname (der stand sonst doppelt auf der Kachel) */
.iks-hp-logo--mono{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;font-family:'IBM Plex Mono',monospace;font-size:1.15rem;font-weight:500;letter-spacing:.02em;color:var(--iks-red);background:rgba(153,20,36,.08);border:1px solid rgba(153,20,36,.18)}
.iks-hp-name{font-weight:600;font-size:1.05rem}
.iks-hp-role{font-family:'IBM Plex Mono',monospace;font-size:.74rem;color:var(--iks-red);line-height:1.4;margin-top:4px}
.iks-hp-go{margin-top:auto;padding-top:12px;font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--iks-muted)}
.iks-hp-card:hover .iks-hp-go{color:var(--iks-red)}

/* --- Zurück-Navigation --- */
.iks-back{margin-top:34px;padding-top:18px;border-top:1px solid var(--iks-line)}
.iks-back a{font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:var(--iks-red);text-decoration:none}
.iks-back a:hover{text-decoration:underline}

/* --- YouTube: Klick-zum-Einbetten (spielt on-site) --- */
.iks-yt-card .iks-yt-thumb{display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;position:relative;aspect-ratio:16/10;overflow:hidden}
.iks-yt-card .iks-yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.iks-yt-embed{position:relative;aspect-ratio:16/9;background:#000}
.iks-yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* --- Video-Lightbox (großer Player) --- */
.iks-yt-lb{position:fixed;inset:0;background:rgba(14,20,26,.88);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}
.iks-yt-lb.on{display:flex}
.iks-yt-lb-box{position:relative;width:min(1100px,94vw)}
.iks-yt-lb-frame{position:relative;aspect-ratio:16/9;background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.iks-yt-lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.iks-yt-lb-x{position:absolute;top:-46px;right:0;background:transparent;border:0;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer;padding:0 8px}
.iks-yt-lb-x:hover{color:var(--iks-red)}

/* --- Mediathek-Embed: volle Breite, 16:9 --- */
.iks-embed{position:relative;aspect-ratio:16/9;background:#000;margin:1.2em 0}
.iks-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.iks-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}

/* --- Produktwelten: bildgeführt --- */
.iks-world.has-img{padding:0 24px 22px}
.iks-world-img{display:block;aspect-ratio:16/10;margin:0 -24px 18px;overflow:hidden;background:var(--iks-nebel);border-bottom:1px solid var(--iks-line)}
.iks-world-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.iks-world.has-img:hover .iks-world-img img{transform:scale(1.06)}
.iks-world-img.is-fallback{position:relative;background:var(--iks-nebel)} /* 3.99.82: heller Platzhalter statt dunklem Anthrazit-Verlauf (rote Skalenkante bleibt als Akzent) */
.iks-world-img.is-fallback::after{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:repeating-linear-gradient(90deg,var(--iks-red) 0 11px,var(--iks-red-d) 11px 15px)}

/* --- Produktwelten: individuelle IKS-Icons --- */
.iks-worlds-ic .iks-world{padding:30px 24px 24px}
.iks-worlds-ic .iks-world-ic{width:58px;height:58px;margin-bottom:18px}
.iks-worlds-ic .iks-world-ic svg{width:30px;height:30px}

/* --- Pressemitteilung: Originalmeldung im Wortlaut --- */
.iks-pressrelease{border:1px solid var(--iks-line,var(--iks-line));border-left:3px solid var(--iks-red);background:#F9FAFB;padding:20px 24px;margin:18px 0}
.iks-press-label{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--iks-red);margin:0 0 12px}
.iks-pressrelease :where(p,ul,ol){margin:0 0 .8em}
.iks-pressrelease :where(p,ul,ol):last-child{margin-bottom:0}

/* Externe Links im Inhalt dezent kennzeichnen (öffnen in neuem Tab) */
:where(.wp-block-post-content, .entry-content) a[target="_blank"]:not(.button):not(.iks-dl-btn):not(.wp-block-button__link)::after {
	content: "\2197"; /* ↗ */
	display: inline-block;
	margin-left: .15em;
	font-size: .8em;
	line-height: 1;
	color: var(--iks-red, var(--iks-red));
	vertical-align: super;
	text-decoration: none;
}

/* ============================================================
   3.18.0 · Einheitlicher Seitenstil (durchgängige Design-Sprache)
   ============================================================ */
/* Inhalts-Typografie auf Unterseiten: ruhiger Rhythmus statt „druntergeklebter" Texte */
.wp-block-post-content > p{ line-height:1.68; }
.wp-block-post-content h2{ margin:2.1em 0 .55em; }
.wp-block-post-content h3{ margin:1.7em 0 .45em; }
.wp-block-post-content ul,
.wp-block-post-content ol{ line-height:1.62; margin:0 0 1.25em; }
/* Bilder & Galerien: einheitlich gerahmt, gleiche Radien, luftige Abstände */
.wp-block-post-content figure.wp-block-image{ margin:28px auto; }
.wp-block-post-content figure.wp-block-image img{ border:1px solid #E1E5E8; background:#fff; border-radius:10px; }
.wp-block-post-content .wp-block-gallery{ gap:16px; margin:28px 0; }
.wp-block-post-content .wp-block-gallery img{ border:1px solid #E1E5E8; border-radius:10px; background:#fff; width:100%; height:100%; object-fit:cover; }
.wp-block-post-content figure figcaption{ font-size:.82rem; color:var(--iks-muted); margin-top:6px; }
/* Tabellen (Datenblatt-Auszüge) einheitlich */
.wp-block-post-content table{ border-collapse:collapse; width:100%; margin:22px 0; font-size:.94rem; }
.wp-block-post-content table td,.wp-block-post-content table th{ border:1px solid #E1E5E8; padding:8px 12px; }
.wp-block-post-content table th{ background:#F4F6F7; text-align:left; }
/* ============================================================================
 * EIN KACHEL-SYSTEM FÜR DIE GESAMTE SEITE (3.22.39)
 * Vorher trugen .prod (Produktkatalog + Wissen) und teilweise .iks-tool-card den
 * Marken-Akzent NICHT: eckige Ecken, kein roter Kopfbalken, abweichender Hover –
 * während Partner-, News- und Welten-Kacheln rund mit rotem Balken waren.
 * Dazu drei Hover-Distanzen (-2/-3/-4px), drei Schatten und ein grauer CTA unter
 * lauter roten. Jetzt haben ALLE Kacheln dieselbe DNA.
 * ========================================================================== */
.iks-hp-card,.iks-card-tile,.iks-tool-card,.iks-world,.prod{
  border:1px solid var(--iks-line,var(--iks-line));
  border-top:3px solid var(--iks-red,var(--iks-red));
  border-radius:12px;
  background:#fff;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.iks-hp-card:hover,.iks-card-tile:hover,.iks-tool-card:hover,.iks-world:hover,.prod:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 32px -20px rgba(36,52,62,.55);
  border-color:var(--iks-anth,var(--iks-anth));
  border-top-color:var(--iks-red,var(--iks-red));   /* Kopfakzent bleibt rot */
}
/* Tastaturbedienung überall gleich sichtbar */
.iks-hp-card:focus-visible,.iks-card-tile:focus-visible,.iks-tool-card:focus-visible,
.iks-world:focus-visible,.prod:focus-visible{
  outline:2px solid var(--iks-red,var(--iks-red)); outline-offset:3px;
}
.iks-world::before{ content:none!important; } /* animierten Einzel-Strich abschalten -> überall derselbe statische Akzent */

/* Ein CTA-Stil: fünf Klassen sagten dasselbe in vier Größen und zwei Farben
   (.iks-hp-go war grau, .arrow 13px, .iks-card-go .8rem, .iks-feat-go .8rem …). */
.iks-card-go,.iks-hp-go,.iks-world-go,.iks-feat-go,.prod .arrow{
  display:block; margin-top:auto; padding-top:12px;
  font-family:'IBM Plex Mono',monospace; font-size:.78rem; font-weight:500;
  color:var(--iks-red,var(--iks-red)); text-decoration:none; letter-spacing:.02em;
  transition:letter-spacing .2s ease;
}
.iks-hp-card:hover .iks-hp-go,.iks-card-tile:hover .iks-card-go,.iks-world:hover .iks-world-go,
.prod:hover .arrow,.iks-tool-card:hover .iks-card-go{ letter-spacing:.07em; }

/* ============================================================================
 * EIN BUTTON-SYSTEM (3.22.40)
 * Vorher gab es VIER "primäre" Buttons in vier Größen: .iks-submit (Schriftgröße
 * geerbt, 13/22px), .iks-cart-btn (.9rem, 11/20), .iks-wb-cta (.82rem, 7/14) und
 * .iks-slidein-btn (.88rem, 8/16) – und ZWEI Chip-Stile (.iks-chip .8rem/8-15,
 * .iks-acc-ctl button .72rem/6-12). Gleiche Handlung, sechs Erscheinungsbilder.
 * Jetzt: EINE primäre, EINE sekundäre, EIN Chip – je mit Hover und Fokusring.
 * ========================================================================== */
.iks-submit,.iks-cart-btn,.iks-wb-cta,.iks-slidein-btn{
  display:inline-flex; align-items:center; justify-content:center;
  font-family:'IBM Plex Mono',monospace; font-size:.85rem; font-weight:500; letter-spacing:.02em;
  background:var(--iks-red,var(--iks-red)); color:#fff; border:1px solid var(--iks-red,var(--iks-red));
  padding:11px 20px; text-decoration:none; cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.iks-submit:hover,.iks-cart-btn:hover,.iks-wb-cta:hover,.iks-slidein-btn:hover{
  background:var(--iks-anth,var(--iks-anth)); border-color:var(--iks-anth,var(--iks-anth)); color:#fff;
}
/* Sekundär: gleiche Maße, nur als Umriss */
.iks-dl-btn{
  display:inline-flex; align-items:center; justify-content:center;
  font-family:'IBM Plex Mono',monospace; font-size:.85rem; font-weight:500; letter-spacing:.02em;
  background:#fff; color:var(--iks-red,var(--iks-red)); border:1px solid var(--iks-red,var(--iks-red));
  padding:11px 20px; text-decoration:none; cursor:pointer; flex:none;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.iks-dl-btn:hover{ background:var(--iks-red,var(--iks-red)); color:#fff; }
/* Chip: EIN Stil für Filterleisten UND Akkordeon-Steuerung */
.iks-chip,.iks-acc-ctl button{
  font-family:'IBM Plex Mono',monospace; font-size:.78rem; font-weight:400; letter-spacing:.02em;
  color:#5A6A73; background:#fff; border:1px solid var(--iks-line,var(--iks-line));
  padding:8px 15px; cursor:pointer;
  transition:border-color .18s ease, color .18s ease, background .18s ease;
}
.iks-chip:hover,.iks-acc-ctl button:hover{ border-color:var(--iks-red,var(--iks-red)); color:var(--iks-red,var(--iks-red)); }
.iks-chip[aria-pressed="true"]{ background:var(--iks-anth,var(--iks-anth)); border-color:var(--iks-anth,var(--iks-anth)); color:#fff; }
/* 3.46.0: Chips gibt es auch als NAVIGATIONS-Links (Kategorie-Übersichten) — gleicher Look. */
a.iks-chip{ display:inline-block; text-decoration:none; }
a.iks-chip[aria-pressed="true"]{ color:#fff; }
/* Tastaturbedienung: überall derselbe Fokusring */
.iks-submit:focus-visible,.iks-cart-btn:focus-visible,.iks-wb-cta:focus-visible,
.iks-slidein-btn:focus-visible,.iks-dl-btn:focus-visible,
.iks-chip:focus-visible,.iks-acc-ctl button:focus-visible{
  outline:2px solid var(--iks-red,var(--iks-red)); outline-offset:2px;
}

/* Downloads-Zeilen an die Kartenoptik angleichen */
.iks-dl-list > li{ border:1px solid var(--iks-nebel); border-radius:10px; padding:14px 16px; margin:0 0 10px; background:#fff; }
.iks-dl-list > li:hover{ border-color:#C9CED3; }

/* ===== 3.20.0 · Globale Design-Sprache für ALLE Unterseiten ===== */
/* Einheitlicher Seiteneinstieg: erster Absatz als Lead */
.wp-block-post-content > p:first-child{ font-size:1.06rem; color:#3D4B54; max-width:760px; }
/* Kicker + Überschrift als festes Gespann */
.wp-block-post-content .iks-kicker{ margin-bottom:6px; }
.wp-block-post-content .iks-kicker + h1,
.wp-block-post-content .iks-kicker + h2,
.wp-block-post-content .iks-kicker + h3{ margin-top:0; }
/* Buttons überall in der Marken-Monospace */
.wp-element-button,.iks-cart-btn,.iks-submit,.iks-dl-btn{ font-family:'IBM Plex Mono',monospace; }
/* Trennlinien einheitlich */
.wp-block-post-content hr{ border:0; border-top:1px solid var(--iks-line); margin:34px 0; }
/* Zitate/Info-Kästen einheitlich */
.wp-block-post-content blockquote{ border-left:3px solid var(--iks-red); margin:24px 0; padding:6px 0 6px 18px; color:#3D4B54; }

/* =====================================================================
   #3.22.6  RESPONSIVE-FEINSCHLIFF  (Handy · Tablet · verschiedene Größen)
   ===================================================================== */

/* Lange Wörter (z. B. „Automatisierungselektrik") nie über den Rand schneiden. */
.iks-hero h1,.iks-band h1,.iks-band h2,.iks-band h3,.iks-world h3,.iks-hp-name,.iks-card-h{
  overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}
/* HINWEIS: KEIN overflow-x:clip auf .entry-content/.wp-block-post-content – das würde die randlosen
   Vollbreiten-Bänder (.iks-band = width:100vw) beschneiden (Design nicht mehr randlos, Inhalt
   abgeschnitten). Der Handy-Überlauf wird allein über den Wortumbruch der Überschriften verhindert. */

/* ---- Tablet (≤ 900px): Kachel-Raster auf 2 Spalten vereinheitlichen ---- */
@media (max-width:900px){
  /* 3.22.39: EINE Umbruch-Leiter fuer ALLE Kachel-Raster. Vorher brach hier nur .iks-worlds um,
     waehrend .prodgrid/.iks-cardgrid/.iks-hp-grid bei 900/600/560/520px unterschiedlich reagierten. */
  .iks-worlds,.iks-hp-grid,.iks-cardgrid,.prodgrid{grid-template-columns:1fr 1fr!important;}
  .iks-band .iks-band-in{max-width:100%;}
}

/* ---- Handy (≤ 600px): Abstände, Schriftgrößen, Buttons, Raster ---- */
@media (max-width:600px){
  .iks-band{padding-left:18px!important;padding-right:18px!important;}
  .iks-hero{padding-top:46px!important;padding-bottom:46px!important;}
  .iks-video-band{padding-left:14px!important;padding-right:14px!important;}
  .iks-hero h1{font-size:clamp(1.85rem,8vw,2.6rem);line-height:1.12;}
  .iks-band h2{font-size:clamp(1.5rem,6.4vw,2rem);}
  /* Volle-Breite-Buttons: leichter zu treffen, kein Zeilenumbruch-Chaos */
  .iks-hero .wp-block-buttons{flex-direction:column;align-items:stretch;}
  .iks-hero .wp-block-buttons .wp-block-button,
  .iks-hero .wp-block-buttons .wp-block-button__link{width:100%;}
  /* Alle Kachel-Raster einspaltig */
  .iks-worlds,.iks-hp-grid,.iks-cardgrid,.prodgrid{grid-template-columns:1fr!important;}
  /* News-Raster-Inline-Override neutralisieren */
  .iks-cardgrid{grid-template-columns:1fr!important;}
}

/* ---- Sehr schmal (≤ 380px): Hero-Titel weiter verkleinern ---- */
@media (max-width:380px){
  .iks-hero h1{font-size:clamp(1.6rem,8.5vw,2rem);}
}

/* =====================================================================
   Mobiles Overlay-Menü (Block-Navigation): links ausrichten, groß & lesbar,
   nichts abgeschnitten. Überschreibt die rechtsbündige Desktop-Ausrichtung.
   ===================================================================== */
.wp-block-navigation__responsive-container.is-menu-open{
  background:#fff!important;color:var(--iks-anth,var(--iks-anth))!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  align-items:stretch!important;padding-top:8px;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  --navigation-layout-justify:flex-start!important;
  --navigation-layout-justification-setting:flex-start!important;
  align-items:flex-start!important;width:100%;gap:2px!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  width:100%;border-bottom:1px solid #EEF0F1;flex-direction:column;align-items:flex-start;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  font-size:1.2rem!important;padding:14px 2px!important;display:block;width:100%;color:var(--iks-anth,var(--iks-anth))!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  position:static!important;opacity:1!important;visibility:visible!important;width:100%!important;height:auto!important;
  border:0!important;padding-left:14px!important;gap:0!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  font-size:1rem!important;padding:10px 2px!important;color:#3D4B54!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none!important;}
.wp-block-navigation__responsive-container-close{color:var(--iks-anth,var(--iks-anth))!important;}

/* =====================================================================
   #3.22.8  KACHELN IN EINER FLUCHT
   Ursache Versatz: Theme app.css laedt NACH dem Plugin und setzt
   .iks-cardgrid auf max-width:min(1560px,96vw) und .iks-band-in auf 1320px,
   waehrend Produktwelten/Partner ueber das WP-Layout auf 1120px (Content-Size)
   sitzen -> unterschiedliche Kanten. Loesung: ALLE Sektions-Raster + Band-Inneres
   auf dieselbe zentrierte 1120px-Spur zwingen (schlaegt das Theme per !important).
   ===================================================================== */
.iks-band > .iks-worlds,
.iks-band > .iks-hp-grid,
.iks-band > .iks-cardgrid,
.iks-band > .prodgrid,
.iks-band > .iks-overview,
.iks-band-in,
.iks-band-in > .iks-cardgrid,
.iks-band-in > .prodgrid{
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:1180px){
  .iks-band > .iks-worlds,.iks-band > .iks-hp-grid,.iks-band > .iks-cardgrid,
  .iks-band > .prodgrid,.iks-band > .iks-overview,.iks-band-in{ max-width:100%!important; }
}