/* =====================================================================
   PiMax4u – eigener Markenauftritt (Gestaltung: Ayşe, 04.11.2026)
   Bildsprache aus Murats Schlüsselbildern: Nachtblau, leuchtendes Blau,
   Glas, runde Leucht-Symbole, Bahnen mit Paketen.
   Alles hängt unter .theme-pimax – der Rest der Website bleibt Bronze.
   Kontrast: Werte siehe Kommentar je Textfarbe (gegen #0E2A66 bzw. Glas).
   ===================================================================== */
.theme-pimax {
    color-scheme: dark;
    /* Textfarben: #FFF 13,6:1 · #C7D3EE 9,0:1 · #BFD7FF 9,3:1 auf #0E2A66 */
    --text: #fff;
    --text-2: #C7D3EE;
    --text-3: #A9B8DA;           /* 6,9:1 auf #0E2A66 – nur Nebentext */
    --text-inv: #fff;
    --text-inv-2: #C7D3EE;
    --paper: #0A1430;
    --paper-2: #13264D;
    --paper-3: #0E2A66;
    --ink: #0A1430;
    --bronze: #60A5FA;
    --bronze-50: #13264D;
    --bronze-100: #173875;
    --bronze-400: #60A5FA;
    --bronze-600: #BFD7FF;
    --line: rgba(120,170,255,.22);
    --radius: 16px;
    --radius-lg: 16px;
    --px-blue: #3B82F6;          /* Leuchtfarbe: Linien, Ringe, Segmente – nie Fließtext */
    --px-glint: #60A5FA;
    --px-ice: #BFD7FF;
    --px-fill: #1D4ED8;          /* gefülltes Blau unter weißer Schrift: 6,7:1 */
    --px-glass: rgba(255,255,255,.045);
    --px-glass-2: rgba(255,255,255,.075);
    --px-ring: 0 0 18px rgba(59,130,246,.45), inset 0 0 12px rgba(59,130,246,.25);
    --px-glow: 0 0 0 1px rgba(120,170,255,.06), 0 10px 40px -12px rgba(2,8,30,.9), 0 0 28px -6px rgba(59,130,246,.22);
    color: var(--text);
    background:
        radial-gradient(1200px 600px at 85% 0%, rgba(59,130,246,.10), transparent 60%),
        radial-gradient(ellipse at 50% 30%, transparent 40%, rgba(0,0,0,.25)),
        linear-gradient(170deg, #0A1430 0%, #0C1D47 45%, #0E2A66 100%);
}
.theme-pimax a { color: var(--px-ice); }
.theme-pimax a:not(.btn):hover { color: #fff; }
.theme-pimax :focus-visible { outline: 3px solid var(--px-ice); outline-offset: 4px; border-radius: 6px; }

/* ---------- Grundbaustein: rundes Leucht-Symbol (Glas + Ring + Schein) ---------- */
.theme-pimax .glow-icon,
.theme-pimax .kern-head > i,
.theme-pimax .mod-card .mod-head > i,
.theme-pimax .project-metrics .stat > i {
    display: inline-grid; place-items: center; flex-shrink: 0;
    width: 56px; height: 56px; border-radius: 50%;
    color: #fff; font-size: 1.25rem; line-height: 1;
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.22), rgba(255,255,255,.04) 45%, rgba(10,20,48,.55) 100%);
    border: 2px solid var(--px-blue);
    box-shadow: var(--px-ring);
    backdrop-filter: blur(4px);
}
.theme-pimax .glow-icon svg { width: 26px; height: 26px; fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Hero wie Murats Banner: Motiv rechts, Text links ---------- */
.theme-pimax .pimax-hero { position: relative; isolation: isolate; overflow: hidden; padding: calc(var(--header-height) + 1.5rem) 0 2.5rem; }
.theme-pimax .breadcrumb, .theme-pimax .breadcrumb a { color: var(--px-ice); }
.theme-pimax .breadcrumb i { color: var(--text-3); }
.theme-pimax .pimax-hero-grid { position: static; display: block; min-height: clamp(470px, 40vw, 560px); }
.theme-pimax .pimax-hero-art {
    position: absolute; z-index: -1; top: var(--header-height); right: 0; bottom: 0; width: min(1240px, 90%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26%), linear-gradient(to top, transparent 0, #000 18%);
    mask-image: linear-gradient(to right, transparent 0, #000 26%), linear-gradient(to top, transparent 0, #000 18%);
    -webkit-mask-composite: source-in; mask-composite: intersect;
}
.theme-pimax .pimax-hero-art img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 100% 40%; }
.theme-pimax .pimax-hero-copy { position: relative; max-width: 540px; padding: clamp(1.5rem, 4vw, 3.25rem) 0 1rem; }
.theme-pimax .pimax-pill {
    display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .9rem; border: 1px solid var(--px-blue); border-radius: 999px;
    color: var(--px-ice); background: rgba(16,39,84,.85); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
    box-shadow: 0 0 16px rgba(59,130,246,.3);
}
.theme-pimax .pimax-pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--px-ice); box-shadow: 0 0 8px 2px rgba(96,165,250,.9); }
.theme-pimax .pimax-hero h1 {
    color: #fff; font-size: clamp(3.5rem, 6.4vw, 5.75rem); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; text-transform: none;
    margin: 1rem 0 0; text-shadow: 0 0 40px rgba(59,130,246,.35);
}
.theme-pimax .pimax-byline { color: var(--px-ice); font-size: 1.35rem; font-weight: 500; margin: .25rem 0 1.4rem; }
.theme-pimax .pimax-byline::after {
    content: ''; display: block; width: 72px; height: 3px; margin-top: 1.25rem; border-radius: 3px;
    background: linear-gradient(90deg, var(--px-ice), var(--px-blue)); box-shadow: 0 0 12px rgba(59,130,246,.8);
}
.theme-pimax .pimax-claim { color: #fff; font-size: clamp(1.5rem, 2.4vw, 2.05rem); font-weight: 700; line-height: 1.22; max-width: 20ch; margin: 0 0 .85rem; }
.theme-pimax .pimax-description { color: var(--text-2); font-size: 1.08rem; max-width: 42ch; line-height: 1.6; margin: 0; }
.theme-pimax .pimax-development {
    display: inline-block; color: var(--text-2); font-size: .84rem; line-height: 1.5; margin: 1.6rem 0 0;
    padding: .55rem .85rem; border-radius: 10px; background: var(--px-glass); border: 1px solid var(--line);
}

/* ---------- Hub-Grafik unter dem Hero ---------- */
.theme-pimax .pimax-flow { padding: .5rem 0 2.5rem; }
.theme-pimax .pimax-flow-stage {
    position: relative; aspect-ratio: 1000 / 340; max-width: 1100px; margin-inline: auto;
    border-radius: 24px; background: radial-gradient(closest-side at 50% 50%, rgba(59,130,246,.16), transparent 70%);
}
.theme-pimax .pimax-flow-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.theme-pimax .pimax-flow-lines path { fill: none; stroke-linecap: round; }
.theme-pimax .flow-glow { stroke: rgba(59,130,246,.22); stroke-width: 9; }
.theme-pimax .flow-line { stroke: var(--px-blue); stroke-width: 2; filter: drop-shadow(0 0 4px rgba(59,130,246,.9)); }
.theme-pimax .flow-packet {
    stroke: #E3EEFF; stroke-width: 7; stroke-dasharray: .1 99.9; stroke-dashoffset: 100;
    filter: drop-shadow(0 0 5px rgba(147,197,253,1));
    animation: pimax-packet 3.6s linear infinite; animation-delay: var(--d, 0s);
}
@keyframes pimax-packet { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
.theme-pimax .pimax-flow-core {
    position: absolute; left: 50%; top: 50%; width: 15%; aspect-ratio: 1; transform: translate(-50%, -50%);
    display: grid; place-content: center; text-align: center; border-radius: 50%;
    background: radial-gradient(circle at 50% 35%, rgba(147,197,253,.35), rgba(29,78,216,.35) 45%, rgba(10,20,48,.9) 75%);
    border: 2px solid var(--px-glint);
    box-shadow: 0 0 0 10px rgba(59,130,246,.10), 0 0 0 22px rgba(59,130,246,.05), 0 0 60px rgba(59,130,246,.55), inset 0 0 30px rgba(147,197,253,.35);
}
.theme-pimax .pimax-flow-core::after {
    content: ''; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(147,197,253,.55);
    animation: pimax-pulse 3.6s ease-out infinite;
}
@keyframes pimax-pulse { from { transform: scale(.9); opacity: .9; } to { transform: scale(1.35); opacity: 0; } }
.theme-pimax .core-name { color: #fff; font-weight: 800; font-size: clamp(1.05rem, 1.9vw, 1.45rem); letter-spacing: -.02em; }
.theme-pimax .core-sub { color: var(--px-ice); font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.theme-pimax .pimax-flow-nodes { list-style: none; margin: 0; padding: 0; }
.theme-pimax .flow-node { position: absolute; top: calc(var(--y) / 340 * 100%); width: 0; height: 0; }
.theme-pimax .flow-node.is-in { left: 25%; }
.theme-pimax .flow-node.is-out { left: 75%; }
.theme-pimax .flow-node .glow-icon { position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); }
.theme-pimax .flow-label {
    position: absolute; top: 0; transform: translateY(-50%); white-space: nowrap;
    color: #fff; font-weight: 600; font-size: .95rem; letter-spacing: .01em;
}
.theme-pimax .flow-node.is-in .flow-label { right: 42px; text-align: right; }
.theme-pimax .flow-node.is-out .flow-label { left: 42px; }
.theme-pimax .pimax-flow-caption { text-align: center; color: var(--text-2); font-size: .92rem; max-width: 62ch; margin: 1.25rem auto 0; }

/* ---------- Leuchtende Trenner statt flacher Balken ---------- */
.theme-pimax .section-bar,
.theme-pimax .project-content .section-bar:not(.is-outline),
.theme-pimax .project-content .section-bar.is-outline {
    background: none; border: 0; border-radius: 0; padding: 0; color: #fff;
    font-size: clamp(.95rem, .9rem + .25vw, 1.08rem); letter-spacing: .12em; gap: .85rem; margin-bottom: 1.4rem;
}
.theme-pimax .section-bar > i {
    display: inline-grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%;
    font-size: .95rem; opacity: 1; color: #fff; border: 2px solid var(--px-blue);
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.2), rgba(10,20,48,.6) 80%);
    box-shadow: 0 0 14px rgba(59,130,246,.45);
}
.theme-pimax .section-bar::after {
    content: ''; flex: 1 1 auto; min-width: 2rem; height: 9px; margin-left: .25rem;
    background:
        radial-gradient(circle at 4.5px 50%, #E3EEFF 0 3px, rgba(96,165,250,.6) 3.5px, transparent 6px) no-repeat,
        linear-gradient(90deg, var(--px-blue), rgba(59,130,246,.35) 55%, transparent) center / 100% 1px no-repeat;
    filter: drop-shadow(0 0 4px rgba(59,130,246,.8));
}
.theme-pimax .section-bar.is-outline::after {
    background:
        radial-gradient(circle at 4.5px 50%, #E3EEFF 0 3px, rgba(96,165,250,.6) 3.5px, transparent 6px) no-repeat,
        repeating-linear-gradient(90deg, var(--px-blue) 0 8px, transparent 8px 14px) center / 100% 1px no-repeat;
}
.theme-pimax .section-bar small { order: 3; color: var(--text-2); opacity: 1; }

/* ---------- Glas-Karten ---------- */
.theme-pimax .card,
.theme-pimax .project-metrics .stat,
.theme-pimax .mod-legend,
.theme-pimax .project-side {
    background: linear-gradient(160deg, var(--px-glass-2), var(--px-glass) 60%);
    border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--px-glow);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.theme-pimax .card { position: relative; transition: border-color .2s, box-shadow .2s, transform .2s; }
.theme-pimax .card:hover { border-color: rgba(96,165,250,.6); box-shadow: var(--px-glow), 0 0 24px rgba(59,130,246,.25); }
.theme-pimax .card.card-accent { border-top: 1px solid var(--line); }
.theme-pimax .card.card-accent::before {
    content: ''; position: absolute; left: 18px; right: 18px; top: -1px; height: 2px; border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--px-glint), transparent); box-shadow: 0 0 10px rgba(59,130,246,.8);
}
.theme-pimax .card.is-planned,
.theme-pimax .kern-card.is-planned,
.theme-pimax .mod-card.is-planned { background: rgba(255,255,255,.02); border: 1px dashed rgba(120,170,255,.35); box-shadow: none; }
.theme-pimax .kern-card.is-planned::before { opacity: .35; }

/* Kennzahlen */
.theme-pimax .project-metrics .stat { padding: 1.25rem 1rem; text-align: center; }
.theme-pimax .project-metrics .stat > i { width: 44px; height: 44px; font-size: 1rem; margin: 0 auto .7rem; display: grid; }
.theme-pimax .project-metrics .stat-value { color: #fff; text-shadow: 0 0 18px rgba(59,130,246,.55); }
.theme-pimax .project-metrics .stat-label { color: var(--text-2); }

/* Kernmodule: runde Leucht-Symbole, Nummer als Marke am Ring */
.theme-pimax .kern-card { padding: 1.4rem 1.5rem 1.25rem; gap: .7rem; }
.theme-pimax .kern-head { position: relative; gap: .9rem; }
.theme-pimax .kern-head > i { order: -1; }
.theme-pimax .kern-card .feature-num {
    position: absolute; left: 38px; top: -6px; z-index: 1; width: 24px; height: 24px; border-radius: 50%;
    background: var(--px-fill); color: #fff; font-size: .72rem; border: 2px solid #0A1430; box-shadow: 0 0 8px rgba(59,130,246,.7);
}
.theme-pimax .kern-card h3 { color: #fff; font-size: 1.15rem; }
.theme-pimax .kern-card p { color: var(--text-2); }
.theme-pimax .kern-card.is-planned .kern-head > i { border-style: dashed; box-shadow: none; color: var(--text-2); }
.theme-pimax .kern-steps li { background: rgba(59,130,246,.12); border: 1px solid rgba(120,170,255,.22); color: #DCE6FA; }
.theme-pimax .kern-steps li + li::before { color: var(--px-glint); }
.theme-pimax .kern-teile strong { color: #fff; }
.theme-pimax .kern-grid > li.is-wide .kern-card { background: linear-gradient(120deg, rgba(59,130,246,.14), var(--px-glass) 55%); }

/* Vier Modul-Symbole fehlen im Font-Awesome-Subset der Website (warehouse, cart-flatbed,
   clipboard-list, wand-magic-sparkles) und blieben bisher leer. Hier als eigene Linien-Symbole. */
.theme-pimax .kern-head > i.fa-warehouse::before,
.theme-pimax .kern-head > i.fa-cart-flatbed::before,
.theme-pimax .kern-head > i.fa-clipboard-list::before,
.theme-pimax .kern-head > i.fa-wand-magic-sparkles::before,
.theme-pimax .mod-head > i.fa-warehouse::before,
.theme-pimax .mod-head > i.fa-cart-flatbed::before,
.theme-pimax .mod-head > i.fa-clipboard-list::before,
.theme-pimax .mod-head > i.fa-wand-magic-sparkles::before,
.theme-pimax .feature-head > i.fa-warehouse::before,
.theme-pimax .feature-head > i.fa-cart-flatbed::before,
.theme-pimax .feature-head > i.fa-clipboard-list::before,
.theme-pimax .feature-head > i.fa-wand-magic-sparkles::before {
    content: ''; display: block; width: 1.3em; height: 1.3em; background: currentColor;
    -webkit-mask: var(--px-icon) center / contain no-repeat; mask: var(--px-icon) center / contain no-repeat;
}
.theme-pimax i.fa-warehouse { --px-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V9l9-5.5L21 9v12'/%3E%3Cpath d='M7 21v-8.5h10V21M7 16.75h10'/%3E%3C/svg%3E"); }
.theme-pimax i.fa-cart-flatbed { --px-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h2.5l2 13H20'/%3E%3Crect x='8' y='5' width='6' height='5.5' rx='1'/%3E%3Crect x='14' y='8' width='5' height='5' rx='1'/%3E%3Ccircle cx='8.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5'/%3E%3C/svg%3E"); }
.theme-pimax i.fa-clipboard-list { --px-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 2.5h6v3H9zM9 11h6M9 15h6M7.5 11h.01M7.5 15h.01'/%3E%3C/svg%3E"); }
.theme-pimax i.fa-wand-magic-sparkles { --px-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20 15 9M13 7l2-2 4 4-2 2'/%3E%3Cpath d='M19 2v3M17.5 3.5h3M6 4v3M4.5 5.5h3M20 14v3M18.5 15.5h3'/%3E%3C/svg%3E"); }

/* weitere Module: kleinere Ringe */
.theme-pimax .mod-card .mod-head > i { width: 40px; height: 40px; font-size: .9rem; border-width: 1.5px; box-shadow: 0 0 12px rgba(59,130,246,.4); }
.theme-pimax .mod-card.is-planned .mod-head > i { border-style: dashed; box-shadow: none; color: var(--text-2); }
.theme-pimax .mod-card h4, .theme-pimax .mod-card h5 { color: #fff; }
.theme-pimax .mod-card p { color: var(--text-2); }

/* Funktions-/Technik-Karten: kleine Ringe */
.theme-pimax .feature-card .feature-head > i {
    display: inline-grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%;
    color: #fff; font-size: .85rem; border: 1.5px solid var(--px-blue); box-shadow: 0 0 12px rgba(59,130,246,.4);
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.2), rgba(10,20,48,.55) 80%);
}
.theme-pimax .feature-card h3 { color: #fff; }
.theme-pimax .feature-card p { color: var(--text-2); }

/* Stufen-Segmente */
.theme-pimax .mod-meter span { border-color: rgba(147,197,253,.6); }
.theme-pimax .mod-meter span.on { background: var(--px-blue); border-color: var(--px-glint); box-shadow: 0 0 6px rgba(59,130,246,.8); }
.theme-pimax .mod-level { color: var(--text-2); border-top-color: var(--line); }
.theme-pimax .mod-legend dt { color: #fff; }
.theme-pimax .mod-legend dd, .theme-pimax .mod-stand { color: var(--text-2); }

/* Labels und Akzentschrift */
.theme-pimax .project-content .side-label,
.theme-pimax .project-content .role-position,
.theme-pimax .project-content .related-more,
.theme-pimax .mod-legend .mod-count { color: var(--px-ice); }
.theme-pimax .project-content .side-label i { color: var(--px-glint); }

/* Kanal-Chips */
.theme-pimax .chip { background: var(--px-glass); border-color: var(--line); color: var(--px-ice); }
.theme-pimax .chip.is-live { background: var(--px-fill); border-color: var(--px-glint); color: #fff; box-shadow: 0 0 12px rgba(59,130,246,.45); }
.theme-pimax .chip.is-planned { background: transparent; border-style: dashed; color: var(--text-2); }
.theme-pimax .badge-aktiv { background: #173875; color: var(--px-ice); }

/* Knöpfe und Filter */
.theme-pimax .filter-btn { color: var(--px-ice); background: var(--px-glass); border-color: var(--line); }
.theme-pimax .mod-filter .filter-btn[aria-pressed="true"],
.theme-pimax .btn-primary { background: var(--px-fill); border-color: var(--px-glint); color: #fff; box-shadow: 0 0 16px rgba(59,130,246,.4); }
.theme-pimax .btn-outline { color: var(--px-ice); border-color: var(--px-glint); background: transparent; }
.theme-pimax .btn:hover, .theme-pimax .filter-btn:hover { background: #173875; color: #fff; border-color: var(--px-glint); }

/* Listen, Zitat, Tags */
.theme-pimax .tick-list i, .theme-pimax .pain-list li::marker { color: var(--px-glint); }
.theme-pimax .tag, .theme-pimax .tech-tag { background: var(--px-glass); border-color: var(--line); color: var(--px-ice); }
.theme-pimax .quote { border-left-color: var(--px-blue); color: var(--text-2); }
.theme-pimax .side-note, .theme-pimax .side-period { color: var(--text-2); }
.theme-pimax .project-side .side-cta { background: linear-gradient(150deg, rgba(29,78,216,.35), rgba(255,255,255,.04)); border: 1px solid rgba(96,165,250,.45); border-radius: 14px; box-shadow: 0 0 22px -4px rgba(59,130,246,.35); }

/* ---------- Bildbänder ---------- */
.theme-pimax .pimax-image-band { position: relative; width: 100%; margin-inline: 0; border-radius: 18px; overflow: hidden; border: 1px solid rgba(120,170,255,.28); box-shadow: 0 0 40px -8px rgba(59,130,246,.45), 0 20px 50px -20px rgba(0,0,0,.8); }
.theme-pimax .pimax-image-band img { display: block; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; border: 0; border-radius: 0; }
.theme-pimax .pimax-image-band.is-cube img { object-position: 70% 50%; }
.theme-pimax .pimax-image-band.is-lager img { object-position: 60% 45%; }
.theme-pimax .pimax-image-band.is-roehren img { object-position: 55% 40%; }
.theme-pimax .pimax-image-band.is-cube::before {
    content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(90deg, #0B1A3F 0%, rgba(11,26,63,.92) 22%, rgba(11,26,63,.35) 40%, transparent 52%);
}
.theme-pimax .pimax-image-band.is-cube img { transform: scale(1.12); transform-origin: 85% 50%; }
.theme-pimax .pimax-image-band::after { content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 60px 10px rgba(10,20,48,.55); }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
    .theme-pimax .pimax-hero-art { width: 100%; }
}

/* ---------- Mobil: Bild über dem Text, Hub senkrecht ---------- */
@media (max-width: 760px) {
    .theme-pimax .pimax-hero { padding: calc(var(--header-height) + .9rem) 0 .75rem; }
    .theme-pimax .pimax-hero-grid { min-height: 0; display: flex; flex-direction: column; }
    .theme-pimax .pimax-hero-art {
        position: relative; z-index: 0; top: auto; right: auto; bottom: auto; width: auto;
        height: clamp(210px, 62vw, 340px); margin: .6rem calc(50% - 50vw) 0;
        -webkit-mask-image: linear-gradient(to top, transparent 0, #000 30%); mask-image: linear-gradient(to top, transparent 0, #000 30%);
    }
    .theme-pimax .pimax-hero-art img { object-position: 74% 50%; }
    .theme-pimax .pimax-hero-copy { padding: 0 0 1rem; margin-top: -1.25rem; }
    .theme-pimax .pimax-pill { font-size: .66rem; letter-spacing: .1em; padding: .4rem .75rem; }
    .theme-pimax .pimax-hero h1 { font-size: clamp(3.1rem, 15vw, 4.25rem); }
    .theme-pimax .pimax-byline { font-size: 1.15rem; }
    .theme-pimax .pimax-description { font-size: 1rem; }
    .theme-pimax .pimax-development { font-size: .8rem; }

    .theme-pimax .pimax-flow { padding: 0 0 2rem; }
    .theme-pimax .pimax-flow-stage { aspect-ratio: auto; display: flex; flex-direction: column; align-items: center; background: none; }
    .theme-pimax .pimax-flow-lines { display: none; }
    .theme-pimax .pimax-flow-core { position: relative; left: auto; top: auto; transform: none; width: 120px; margin: 1rem 0 0; }
    .theme-pimax .pimax-flow-nodes {
        position: relative; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding-top: 3.25rem; margin-top: .5rem;
    }
    /* Stamm vom Kern zur Verteilerschiene, mit laufendem Paket */
    .theme-pimax .pimax-flow-nodes::before {
        content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 2.6rem; transform: translateX(-50%);
        background: linear-gradient(var(--px-blue), var(--px-glint)); box-shadow: 0 0 8px rgba(59,130,246,.9);
    }
    .theme-pimax .pimax-flow-nodes::after {
        content: ''; position: absolute; left: 50%; top: 0; width: 7px; height: 7px; margin-left: -3.5px; border-radius: 50%;
        background: #E3EEFF; box-shadow: 0 0 8px 2px rgba(147,197,253,.95); animation: pimax-drop 2.4s linear infinite;
    }
    @keyframes pimax-drop { from { transform: translateY(0); opacity: 1; } 85% { opacity: 1; } to { transform: translateY(2.4rem); opacity: 0; } }
    .theme-pimax .flow-node {
        position: relative; top: auto; left: auto !important; width: auto; height: auto;
        display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: .8rem .5rem .75rem; border-radius: 14px; text-align: center;
        background: var(--px-glass); border: 1px solid var(--line);
    }
    .theme-pimax .flow-node .glow-icon { position: static; transform: none; width: 48px; height: 48px; }
    .theme-pimax .flow-node .glow-icon svg { width: 22px; height: 22px; }
    .theme-pimax .flow-label { position: static; transform: none; white-space: normal; overflow-wrap: normal; word-break: normal; -webkit-hyphens: auto; hyphens: auto; font-size: .9rem; line-height: 1.25; text-align: center !important; }
    .theme-pimax .pimax-flow-caption { font-size: .88rem; text-align: left; }

    .theme-pimax .section-bar > i { width: 36px; height: 36px; font-size: .85rem; }
    .theme-pimax .kern-card { padding: 1.15rem 1rem 1rem; }
    .theme-pimax .kern-head > i { width: 48px; height: 48px; font-size: 1.05rem; }
    .theme-pimax .kern-card .feature-num { left: 31px; }
    .theme-pimax .pimax-image-band img { aspect-ratio: 16 / 10; }
    .theme-pimax .pimax-image-band.is-cube img { object-position: 72% 50%; }
}

/* ---------- Bewegung nur, wer sie will ---------- */
@media (prefers-reduced-motion: reduce) {
    .theme-pimax .flow-packet { animation: none; stroke-dashoffset: 50; }
    .theme-pimax .flow-packet.is-late { display: none; }
    .theme-pimax .pimax-flow-core::after { animation: none; opacity: .5; transform: scale(1.1); }
    .theme-pimax .pimax-flow-nodes::after { animation: none; top: 1.1rem; }
    .theme-pimax .card { transition: none; }
}