/* Look „Galaxie“ (Julian 05.10.2026, Ruling R57) – Vorbild unternehmen/attrappen/gehirn-galaxie.html.
   Gilt nur mit <html data-look="galaxie">; Mix (stil.css) bleibt unberührt.
   Aufbau: Regeln mit :where([data-look=galaxie]) ersetzen die Grundregeln aus stil.css (gleiche Gewichtung, diese Datei kommt später),
   lassen deren Zustands-Regeln (arbeitet, wartet, Fehler, angehalten) aber gewinnen – so bleiben die Zustände ehrlich und die Farben
   kommen aus den Variablen unten. Regeln mit [data-look=galaxie] (volle Gewichtung) nur, wo der Look einen Zustand selbst zeichnet.
   Keine Animationen hier (keine @keyframes): Bewegung macht deko.js auf EINER Leinwand (.deko); alles Glühen ist fertig gemalt.
   Zustandsfarben: arbeitet = Mint, wartet = Amber (immer mit Ring und Zahl), Gefahr = Koralle; Orange ist nur Schmuck (Kern, Knöpfe). */

:root[data-look=galaxie]{
  --bg:#04060b; --panel:#0b1222; --panel-2:#0e1729; --line:#16203a; --line-2:#28375a;
  --text:#ede7db; --muted:#a3acbf; --dim:#4b5878;
  --go:#7ee2b8; --wait:#ffb547; --stop:#ff7a6b;
  --sun:#ff9640; --sun-2:#ffbd80; --gold:#e8ca84;
  --display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,"Cascadia Mono",Consolas,monospace;
}

/* ---------- Grund: Nachthimmel (still), Sternenstaub und feines Korn ---------- */
:where([data-look=galaxie]) body{
  background:
    radial-gradient(60% 42% at 50% 22%,rgba(255,122,40,.07),transparent 70%),
    radial-gradient(90% 60% at 85% -10%,rgba(40,70,140,.26),transparent 60%),
    radial-gradient(70% 50% at 0% 100%,rgba(30,50,110,.2),transparent 60%),
    var(--bg)}
:where([data-look=galaxie]) body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;background:
  radial-gradient(1.3px 1.3px at 8% 14%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 23% 72%,#cfe0ff 50%,transparent 100%),
  radial-gradient(1px 1px at 37% 28%,#fff 50%,transparent 100%),
  radial-gradient(1.4px 1.4px at 52% 88%,#ffe6c8 50%,transparent 100%),
  radial-gradient(1px 1px at 64% 9%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 71% 46%,#cfe0ff 50%,transparent 100%),
  radial-gradient(1.3px 1.3px at 86% 22%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 93% 67%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 14% 91%,#cfe0ff 50%,transparent 100%),
  radial-gradient(1px 1px at 46% 56%,#fff 50%,transparent 100%),
  radial-gradient(1.2px 1.2px at 79% 83%,#ffe6c8 50%,transparent 100%),
  radial-gradient(1px 1px at 3% 48%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 30% 6%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 97% 38%,#fff 50%,transparent 100%),
  radial-gradient(1px 1px at 88% 95%,#cfe0ff 50%,transparent 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) :focus-visible{outline-color:var(--sun-2)}

/* ---------- Kopf ---------- */
:where([data-look=galaxie]) .brand h1{display:flex;align-items:center;gap:10px;font:italic 600 24px/1.05 var(--display);letter-spacing:.005em;text-transform:none;color:var(--sun-2)}
:where([data-look=galaxie]) .brand h1::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#ffe9cf,#ff9a45 45%,#a9400a 82%);box-shadow:0 0 0 4px rgba(255,150,64,.1),0 0 18px rgba(255,140,60,.55)}
:where([data-look=galaxie]) .brand p{margin-top:4px;padding-left:34px;font:11.5px/1.2 var(--mono);color:var(--muted)}
:where([data-look=galaxie]) .status{border-radius:999px;border-color:rgba(150,172,214,.22);background:rgba(11,18,34,.82);font-family:var(--mono);font-size:11.5px}
:where([data-look=galaxie]) .clock{font-family:var(--mono);color:var(--sun-2)}
:where([data-look=galaxie]) .halt{border-radius:999px;border:1px solid rgba(255,122,107,.6);background:rgba(255,122,107,.1);color:#ffd8d2;
  font:600 14px/1 var(--sans);letter-spacing:0;text-transform:none}
@media (hover:hover){:where([data-look=galaxie]) .halt:hover{background:rgba(255,122,107,.18)}}
[data-look=galaxie] body.halted .halt{border-color:rgba(237,231,219,.5);background:rgba(237,231,219,.06);color:var(--text)}
:where([data-look=galaxie]) .gear{border-radius:50%;border-color:rgba(150,172,214,.28);background:rgba(255,255,255,.04)}
:where([data-look=galaxie]) .haltbar{border-color:rgba(255,122,107,.45);background:rgba(255,122,107,.08)}

/* ---------- Gehirn: Raum statt Raster ---------- */
:where([data-look=galaxie]) .galaxy{background:radial-gradient(75% 65% at 50% 46%,rgba(22,36,70,.42),transparent 72%);border-color:rgba(150,172,214,.1)}
:where([data-look=galaxie]) .deko{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;transition:opacity 300ms var(--ease)}
[data-look=galaxie] body.halted .deko{opacity:.3}
/* Bahnen */
:where([data-look=galaxie]) .orbit{stroke:rgba(160,182,226,.18)}
:where([data-look=galaxie]) .orbit.tools{stroke:rgba(160,182,226,.14);stroke-dasharray:2 8}
:where([data-look=galaxie]) .orbit.tick{stroke:rgba(160,182,226,.32)}
:where([data-look=galaxie]) .orbit.halo{stroke:rgba(255,160,90,.22)}
:where([data-look=galaxie]) .orbit.satorb{stroke:rgba(190,205,235,.36);stroke-width:1.8;stroke-dasharray:0 6}
:where([data-look=galaxie]) .arc.firm{stroke:rgba(255,178,110,.5);stroke-width:1.3}
:where([data-look=galaxie]) .arc.priv{stroke:rgba(232,202,132,.62);stroke-width:1.3;stroke-dasharray:5 6}
:where([data-look=galaxie]) .arm-n{stroke:rgba(160,182,226,.15)}
:where([data-look=galaxie]) .arm-l,:where([data-look=galaxie]) .br-l{stroke:rgba(255,189,128,.6)}
:where([data-look=galaxie]) .br-n{stroke:rgba(160,182,226,.2)}
/* Agenten (Satelliten) */
:where([data-look=galaxie]) .sat i{background:#c9d4ea;box-shadow:0 0 6px rgba(200,215,240,.45)}
[data-look=galaxie] .sat[data-st=wartet] i{box-shadow:0 0 8px rgba(255,181,71,.5)}
[data-look=galaxie] .sat.tool i{box-shadow:none;opacity:.6}
:where([data-look=galaxie]) .sat b{box-shadow:0 0 6px 2px rgba(126,226,184,.75),0 0 16px 5px rgba(126,226,184,.3)}
/* Lichtpunkte (Zustand: Agent arbeitet) – Mint, wie alles „arbeitet“ */
:where([data-look=galaxie]) .lp{box-shadow:0 0 6px 2px rgba(126,226,184,.75)}
:where([data-look=galaxie]) .komet{box-shadow:0 0 10px 3px rgba(126,226,184,.85),0 0 24px 8px rgba(126,226,184,.3)}
/* Sektionen: Kugeln mit Symbol, Zustandspunkt am Rand */
:where([data-look=galaxie]) .orb{background:radial-gradient(circle at 50% 28%,#1c2a48,#0a0f1d 72%);border:1px solid rgba(160,182,226,.42);
  box-shadow:0 0 0 3px rgba(4,6,11,.85),0 0 22px rgba(120,150,220,.16)}
:where([data-look=galaxie]) .orb::before{inset:4px;border-color:rgba(160,182,226,.1)}
:where([data-look=galaxie]) .orb::after{content:"";position:absolute;inset:27%;background:var(--sun-2);mask-repeat:no-repeat;mask-position:center;mask-size:contain}
:where([data-look=galaxie]) .cdot{left:auto;top:auto;right:-2px;bottom:-2px;margin:0;width:11px;height:11px;border:2px solid var(--bg);opacity:0}
[data-look=galaxie] .node.hot .cdot{opacity:1;box-shadow:0 0 8px rgba(126,226,184,.8)}
[data-look=galaxie] .node.hot .orb{box-shadow:0 0 0 3px rgba(4,6,11,.85),0 0 22px rgba(126,226,184,.28)}
:where([data-look=galaxie]) .nglow{box-shadow:0 0 0 1px rgba(255,181,71,.75),0 0 22px 4px rgba(255,181,71,.4)}
:where([data-look=galaxie]) .nhov{border-color:var(--sun-2)}
:where([data-look=galaxie]) .nbadge{box-shadow:0 0 0 2px var(--bg),0 0 12px rgba(255,181,71,.55)}
:where([data-look=galaxie]) .nlabel{padding:0 6px;border-radius:8px;border-color:rgba(150,172,214,.2);background:rgba(5,8,15,.88);font:600 11px/16px var(--sans);letter-spacing:.01em}
/* Kern: Sonne (Schmuck); Zustand = Rand, Glühring (Mint bei „arbeitet“) und das Zeichen im Kern – wie in Mix */
:where([data-look=galaxie]) .core-deco{border:1px solid rgba(255,178,110,.18);background:transparent}
:where([data-look=galaxie]) .core-disc{border:1.5px solid rgba(255,205,160,.38);color:#2a1203;
  background:radial-gradient(circle at 36% 30%,#fff5e6 0%,#ffcb8f 17%,#ff9540 42%,#d9560f 70%,#5e1c04 100%);
  box-shadow:0 0 36px rgba(255,130,50,.55),0 0 90px rgba(255,110,30,.26),inset -8px -10px 22px rgba(80,20,0,.5)}
:where([data-look=galaxie]) .core-name{font:italic 600 calc(var(--core) * .23)/1 var(--display);letter-spacing:.01em;padding-left:0;text-transform:none}
:where([data-look=galaxie]) .core-glow{inset:-6px;box-shadow:0 0 0 2px rgba(126,226,184,.95),0 0 26px 6px rgba(126,226,184,.35)}
[data-look=galaxie] .galaxy:is([data-state=run],[data-state=wait],[data-state=listen],[data-state=speak],[data-state=halt]) .core-ind{height:16px;padding:0 5px;border-radius:8px;background:rgba(18,8,2,.62)}
[data-look=galaxie] .galaxy[data-state=halt] .core-disc{filter:grayscale(.85) brightness(.6)}
[data-look=galaxie] .galaxy[data-state=error] .core-disc{filter:saturate(.55) brightness(.8)}
/* Zustände und Legende auf ruhigem Grund */
:where([data-look=galaxie]) .st{border-color:rgba(150,172,214,.18);font-family:var(--sans)}
[data-look=galaxie] .st[aria-current=true]{background:rgba(14,23,41,.95)}
[data-look=galaxie] .galaxy:not(.wide) .states{border-color:rgba(255,178,110,.24);background:rgba(5,8,15,.9)}
[data-look=galaxie] .galaxy.wide .states{border-top-color:rgba(150,172,214,.1);background:rgba(4,6,11,.88)}
:where([data-look=galaxie]) .legend{border-top-color:rgba(150,172,214,.1);background:rgba(4,6,11,.88)}
:where([data-look=galaxie]) .lg-firma i{border-top-color:rgba(255,178,110,.6)}
:where([data-look=galaxie]) .lg-priv i{border-top-color:rgba(232,202,132,.7)}
:where([data-look=galaxie]) .lg-agent i{background:#c9d4ea}
:where([data-look=galaxie]) .readout{border-radius:12px;border-color:rgba(255,178,110,.3);background:rgba(6,9,16,.94)}
:where([data-look=galaxie]) .ro-h{font:600 10.5px/1.2 var(--mono);color:var(--sun-2)}

/* ---------- Reiter und Überschriften ---------- */
:where([data-look=galaxie]) .tabs{background:rgba(4,6,11,.96);border-bottom-color:rgba(150,172,214,.12)}
:where([data-look=galaxie]) .tab{border-radius:12px}
[data-look=galaxie] .tab[aria-selected=true]{color:var(--text);background:rgba(255,150,64,.09);border-color:rgba(255,178,110,.4)}
:where([data-look=galaxie]) .ph h2{font:600 22px/1.15 var(--display);letter-spacing:.005em;text-transform:none}
:where([data-look=galaxie]) .blk-h,:where([data-look=galaxie]) .blk h3{font:600 10.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}
:where([data-look=galaxie]) .pill{box-shadow:0 0 14px rgba(255,181,71,.4)}
[data-look=galaxie] .pill.zero{box-shadow:none}
:where([data-look=galaxie]) .tab .tc{font-family:var(--mono)}

/* ---------- Karten „Braucht dich“ ---------- */
:where([data-look=galaxie]) .card{border-radius:18px;border-color:rgba(150,172,214,.16);
  background:linear-gradient(180deg,rgba(19,27,46,.94),rgba(10,15,27,.94));box-shadow:0 12px 30px rgba(0,0,0,.28)}
:where([data-look=galaxie]) .card::before{top:16px;bottom:16px;width:2px;box-shadow:0 0 10px var(--wait)}
[data-look=galaxie] .card.erledigt{background:rgba(11,18,34,.7);border-color:rgba(150,172,214,.1)}
[data-look=galaxie] .card.erledigt::before{box-shadow:none}
:where([data-look=galaxie]) .card h3{font:600 18px/1.25 var(--display);letter-spacing:0}
:where([data-look=galaxie]) .card-meta .tag{font:600 10.5px/1.2 var(--mono);letter-spacing:.14em;color:var(--sun-2)}
:where([data-look=galaxie]) .empty{border-radius:18px;border-color:rgba(150,172,214,.24)}
:where([data-look=galaxie]) .empty .empty-t{font:italic 17px/1.3 var(--display);letter-spacing:0}

/* ---------- Knöpfe ---------- */
:where([data-look=galaxie]) .btn{border-radius:13px;border-color:rgba(150,172,214,.28);background:rgba(255,255,255,.035)}
@media (hover:hover){:where([data-look=galaxie]) .btn:not(:disabled):hover{border-color:rgba(190,205,235,.5);background:rgba(255,255,255,.07)}}
[data-look=galaxie] .btn.primary{border-color:transparent;background:linear-gradient(180deg,#ffb36c,#ff8a2e);color:#1d0e03;box-shadow:0 0 18px rgba(255,140,50,.24)}
[data-look=galaxie] .btn.line{background:transparent;border-color:rgba(255,189,128,.45);color:var(--text)}
[data-look=galaxie] .btn.danger{border-color:transparent;background:#ff7f70;color:#2a0905}
:where([data-look=galaxie]) .xbtn{border-radius:50%;border-color:rgba(150,172,214,.28);background:rgba(255,255,255,.04)}
:where([data-look=galaxie]) .skill{border-radius:14px;border-color:rgba(150,172,214,.2);background:linear-gradient(180deg,rgba(19,27,46,.9),rgba(10,15,27,.9))}
:where([data-look=galaxie]) .skill .ic{color:var(--sun-2)}
@media (hover:hover){[data-look=galaxie] .skill:hover{border-color:rgba(255,189,128,.5)}}

/* ---------- Heute, Läufe, Sprechen ---------- */
:where([data-look=galaxie]) :is(.top3,.plan,.runlist){border-radius:16px;border-color:rgba(150,172,214,.16);background:rgba(11,18,34,.78)}
:where([data-look=galaxie]) .plan .nx{border-color:var(--sun-2);color:var(--sun-2)}
[data-look=galaxie] .chk[aria-checked=true] .box{background:var(--sun-2);border-color:var(--sun-2)}
:where([data-look=galaxie]) .voice{border-radius:18px;border-color:rgba(150,172,214,.18);background:rgba(11,18,34,.78)}
:where([data-look=galaxie]) .mic{background:radial-gradient(circle at 50% 30%,#1c2a48,#0a0f1d 72%)}

/* ---------- Eingabe „Ins Gehirn“ ---------- */
:where([data-look=galaxie]) .composer{border-top:1px solid rgba(150,172,214,.1);background:linear-gradient(180deg,rgba(4,6,11,.9),rgba(4,6,11,.98) 40%)}
:where([data-look=galaxie]) .field{border-radius:18px;border-color:rgba(255,178,110,.34);background:rgba(13,19,34,.96);box-shadow:0 10px 40px rgba(0,0,0,.45),0 0 32px rgba(255,120,40,.07)}
[data-look=galaxie] .field:focus-within{border-color:rgba(255,189,128,.85);box-shadow:0 0 0 3px rgba(255,150,64,.2)}
:where([data-look=galaxie]) .field label{font:600 10px/1 var(--mono);color:var(--sun-2)}
:where([data-look=galaxie]) .field textarea::placeholder{color:#8f9ab0}
:where([data-look=galaxie]) .csend{border-radius:16px;border-color:transparent;background:linear-gradient(180deg,#ffb36c,#ff8a2e);color:#1d0e03;box-shadow:0 0 18px rgba(255,140,50,.32)}
:where([data-look=galaxie]) .cmic{border-color:rgba(150,172,214,.3);background:rgba(13,19,34,.96)}
:where([data-look=galaxie]) .ferr{border-color:rgba(255,122,107,.55);background:rgba(255,122,107,.08)}

/* ---------- Hinweis-Karte, Blätter, Fenster ---------- */
:where([data-look=galaxie]) .ncard{border-radius:16px;border-color:rgba(255,178,110,.38);background:rgba(12,18,32,.97);box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 30px rgba(255,120,40,.12)}
:where([data-look=galaxie]) .nk{font:600 10px/1.2 var(--mono);color:var(--sun-2)}
:where([data-look=galaxie]) dialog::backdrop{background:rgba(2,4,9,.74)}
:where([data-look=galaxie]) .panel{border-color:rgba(150,172,214,.24);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(255,120,40,.06)}
:where([data-look=galaxie]) .porb{border-color:rgba(255,178,110,.45);background:radial-gradient(circle at 50% 28%,#1c2a48,#0a0f1d 72%);color:var(--sun-2)}
[data-look=galaxie] .porb.coremini{border:0;color:#2a1203;font:italic 700 8.5px/1 var(--display);letter-spacing:.04em;
  background:radial-gradient(circle at 36% 30%,#fff5e6,#ffcb8f 17%,#ff9540 42%,#d9560f 70%,#5e1c04);box-shadow:0 0 22px rgba(255,130,50,.5)}
:where([data-look=galaxie]) .kick{font:600 10px/1.3 var(--mono);letter-spacing:.16em;color:var(--sun-2)}
:where([data-look=galaxie]) .ptitle h2,:where([data-look=galaxie]) #frageDlg h2{font:600 22px/1.15 var(--display);letter-spacing:0}
:where([data-look=galaxie]) :is(.alist,.loglist,.setlist,.dlist,.skwrap){border-radius:14px}
:where([data-look=galaxie]) .kz div{border-radius:14px}
:where([data-look=galaxie]) .kz dd{font-family:var(--display);font-size:21px}
:where([data-look=galaxie]) .agent{border-radius:10px}
:where([data-look=galaxie]) .agent .hd{font:600 12.5px/1.2 var(--sans)}
:where([data-look=galaxie]) .loglist .lid{color:var(--sun-2)}
:where([data-look=galaxie]) .checks li::before{color:var(--go)}
:where([data-look=galaxie]) .volltext{border-radius:14px}

/* ---------- PC: das Gehirn als Fenster in den Raum ---------- */
@media (min-width:1024px) and (min-height:560px){
  :where([data-look=galaxie]) .galaxy{border-radius:22px;border-color:rgba(150,172,214,.14);
    box-shadow:inset 0 0 80px rgba(4,6,11,.9),0 20px 60px rgba(0,0,0,.35)}
  :where([data-look=galaxie]) .composer{border-radius:18px;border-color:rgba(255,178,110,.3);background:rgba(11,18,34,.86)}
}

/* ---------- Sektions-Symbole (aus dem Sprite in index.html, als Maske; Farbe = Hintergrund des ::after) ---------- */
:where([data-look=galaxie]) .node[data-id=fuehrung] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l2.1 7.4 7.4 2.1-7.4 2.1-2.1 7.4-2.1-7.4L2.5 12l7.4-2.1z'/%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=produkt] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l8 4.4v9.6l-8 4.4-8-4.4V7.2z'/%3E%3Cpath d='M4 7.2l8 4.4 8-4.4M12 11.6v9.6'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=daten] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.3 15.3L21 21'/%3E%3Cpath d='M8 12.6v-1.8M10.5 12.6V8.2M13 12.6V9.8'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=marketing] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10v4a1 1 0 001 1H7l7.5 4.5v-15L7 9H4.5a1 1 0 00-1 1z'/%3E%3Cpath d='M18 9a4 4 0 010 6'/%3E%3Cpath d='M7.2 15l1.3 5'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=kunden] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 19.5c.6-3.3 3-5.2 6-5.2s5.4 1.9 6 5.2'/%3E%3Cpath d='M15.5 5.1a3 3 0 010 5.8M17.6 14.6c1.9.6 3.1 2.3 3.4 4.9'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=finanzen] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='2.7'/%3E%3Cpath d='M5 6v4c0 1.5 3.1 2.7 7 2.7s7-1.2 7-2.7V6'/%3E%3Cpath d='M5 10v4c0 1.5 3.1 2.7 7 2.7s7-1.2 7-2.7v-4'/%3E%3Cpath d='M5 14v4c0 1.5 3.1 2.7 7 2.7s7-1.2 7-2.7v-4'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=recht] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v17M7.5 20.5h9M5 6.5h14'/%3E%3Cpath d='M5 6.5L2.6 13h4.8zM19 6.5L16.6 13h4.8z'/%3E%3Cpath d='M2.6 13a2.4 2.4 0 004.8 0M16.6 13a2.4 2.4 0 004.8 0'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=betrieb] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l7.5 3v5.6c0 4.6-3.2 8.3-7.5 9.8-4.3-1.5-7.5-5.2-7.5-9.8V5.8z'/%3E%3Cpath d='M8.8 12l2.2 2.2 4.4-4.6'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=ideen] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 17.5h5.6M10.2 20.5h3.6'/%3E%3Cpath d='M12 3a6 6 0 00-3.6 10.8c.4.4.7.9.7 1.5v.2h5.8v-.2c0-.6.3-1.1.7-1.5A6 6 0 0012 3z'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=erinnerungen] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0112 0v5.5l1.5 2h-15z'/%3E%3Cpath d='M10 20.5a2 2 0 004 0'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=mindset] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20c-2.4-2-3.4-4.6-3.4-7.3S10 7.2 12 5c2 2.2 3.4 4.9 3.4 7.7S14.4 18 12 20z'/%3E%3Cpath d='M12 20c-4.5 0-8-2.6-8.5-6 2.6-.2 4.6.5 6.2 2'/%3E%3Cpath d='M12 20c4.5 0 8-2.6 8.5-6-2.6-.2-4.6.5-6.2 2'/%3E%3C/svg%3E")}
:where([data-look=galaxie]) .node[data-id=ziele] .orb::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E")}