/* =====================================================================
   Astromantie · Radix berechnen (/geburtshoroskop-berechnen/), Kombin berechnen (/kombin-berechnen/) und Karte
   berechnen (/astrokartografie/) · neues Seitendesign (Radix live seit 07.10.2026 nachmittags, Kombin und Karte seit
   07.10.2026 abends). Kombin: Reiter Mensch A/B, Knopf erst mit beiden frei, Hinweis zur Partneranalyse mit Buch;
   Karte: die Erde im Hintergrund (js/erde.js), Ergebnis, Kartenrahmen und Kartenknoepfe im Stil der Seite; beide mit
   animiertem Banner zur Analyse unten. Seit 08.10.2026: die Kaesten neben dem Formular auf allen drei Seiten im Stil der
   Radix-Formularkarte; Karte: Erde tiefer und flacher, nach dem Berechnen der Kartenflug (erde.js) in die Vollbild-Karte.
   Rahmen .rx (#rx) im Seiteninhalt um den Shortcode [astromantie_radix]. Die ganze Seite im dunklen Lila der
   Analyse-Seiten mit Sternenhimmel, Ueberschriften in der Standardschrift der Seite (Fraunces, aufrecht). Kompakter
   Kopf, damit das Formular am Desktop hoch steht. Formular als schmale, leuchtende Karte (640 px) mit Verlaufsrand;
   Kopf der Karte: kleiner goldener Tierkreis wie im Logo der Startseite (mit einer Person in der Mitte) links neben
   Titel und Zeile. Neben dem Formular links das Zeichen-Register, rechts der Himmel jetzt (auf Handy und Tablet
   unter dem Rechner).
   Nach "Radix berechnen" steht das Ergebnis (980 px) im selben Stil: Kopf mit Name und Daten, Reiter, Grafik,
   Signatur, Auswertung, kompakte Aspekte mit Farbe je Aspektart, Aspektfiguren mit Symbolen, Transite und ein
   Hinweis zur Einzelanalyse mit aufklappendem Buch. Im hellen Seitenmodus bleibt das Ergebnis hell, weil
   radix-chart.js Grafik und Deutungen dann hell zeichnet.
   IDs und Klassen des Radix-Plugins bleiben (radix-app.js und radix-chart.js haengen daran), hier wird nur
   ueberschrieben, immer mit #rx davor; Inline-Stile aus radix-chart.js brauchen !important.
   ===================================================================== */

@property --rx-w {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
@property --rx-rand {
  syntax: '<angle>';
  inherits: false;
  initial-value: 150deg;
}
@property --rx-schweif {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

body.page-id-299, body.page-id-303, body.page-id-477 { background: #06030d; }

.rx {
  --rx-grund: #0b0618;
  --rx-gold: #e8c96a;
  --rx-gold-hell: #f6e3a1;
  --rx-gold-verlauf: linear-gradient(135deg, #fbe9b0 0%, #e8c96a 48%, #c9993c 100%);
  --rx-akzent-verlauf: linear-gradient(100deg, #fbe9b0 0%, #e8c96a 42%, #c9b6ff 100%);
  --rx-text: #f4effe;
  --rx-mittel: rgba(238, 230, 255, 0.76);
  --rx-leise: rgba(238, 230, 255, 0.54);
  --rx-linie: rgba(200, 180, 255, 0.17);
  --rx-feld: rgba(10, 6, 24, 0.55);
  --rx-weich: cubic-bezier(.2, .7, .2, 1);
  --rx-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --rx-grotesk: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rx-karte-bg: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0.03)), rgba(16, 10, 36, 0.72);
  --rx-kasten-bg: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01) 60%), rgba(16, 10, 36, 0.55);
  --rx-i-person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bba9ec' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.2' r='3.9'/%3E%3Cpath d='M4.5 20c1.4-3.5 4.3-5.4 7.5-5.4s6.1 1.9 7.5 5.4'/%3E%3C/svg%3E");
  --rx-i-person-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c96a' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.2' r='3.9'/%3E%3Cpath d='M4.5 20c1.4-3.5 4.3-5.4 7.5-5.4s6.1 1.9 7.5 5.4'/%3E%3C/svg%3E");
  --rx-i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bba9ec' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 21.2s-6.6-5.7-6.6-11.2a6.6 6.6 0 0 1 13.2 0c0 5.5-6.6 11.2-6.6 11.2z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
  --rx-i-pin-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c96a' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 21.2s-6.6-5.7-6.6-11.2a6.6 6.6 0 0 1 13.2 0c0 5.5-6.6 11.2-6.6 11.2z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
  --rx-i-pfeil: 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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --rx-i-haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --rx-i-achtung: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9b9b' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E");
  --rx-i-rad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v5M12 16v5M3 12h5M16 12h5'/%3E%3C/svg%3E");
  --rx-i-liste: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1.2' fill='%23000'/%3E%3Ccircle cx='4.5' cy='12' r='1.2' fill='%23000'/%3E%3Ccircle cx='4.5' cy='18' r='1.2' fill='%23000'/%3E%3C/svg%3E");
  --rx-i-kalender: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");
  --rx-i-pdf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7.5 10.5 12 15l4.5-4.5'/%3E%3Cpath d='M4.5 17.5v2h15v-2'/%3E%3C/svg%3E");
  --rx-i-bild: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='3'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M20.5 16l-5-5-8.5 8.5'/%3E%3C/svg%3E");
  --rx-i-kopie: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='12' height='12' rx='2.5'/%3E%3Cpath d='M15.5 8.5V6a2.5 2.5 0 0 0-2.5-2.5H6A2.5 2.5 0 0 0 3.5 6v7A2.5 2.5 0 0 0 6 15.5h2.5'/%3E%3C/svg%3E");

  position: relative;
  isolation: isolate;
  overflow-x: clip;
  color: var(--rx-text);
  background: var(--rx-grund);
  font-family: var(--rx-grotesk);
}
.rx *, .rx *::before, .rx *::after { box-sizing: border-box; }

/* Ende der Seite: weich in die Fusszeile */
.rx::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 240px;
  background: linear-gradient(180deg, rgba(8, 5, 26, 0), #08051a);
  pointer-events: none;
  z-index: 0;
}

/* ---------- Sternenhimmel: dunkles Lila wie auf den Analyse-Seiten, steht beim Scrollen still ---------- */
.rx-himmel {
  --astro-star-color: #ffffff;
  position: sticky;
  top: 0;
  height: 100vh;
  margin-bottom: -100vh;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(55% 50% at 74% 34%, rgba(118, 64, 214, 0.3), rgba(118, 64, 214, 0) 70%),
    radial-gradient(42% 40% at 10% 80%, rgba(170, 80, 210, 0.15), rgba(170, 80, 210, 0) 70%),
    radial-gradient(60% 26% at 50% 104%, rgba(232, 201, 106, 0.07), rgba(232, 201, 106, 0) 70%),
    linear-gradient(180deg, #06030d 0%, #0f0724 42%, #120827 70%, #0b0618 100%);
}
/* Ruhende Sterne sofort, bis global.js den bewegten Himmel anlegt (dort sitzt dieselbe Kachel) */
.rx-himmel:not([data-astro-sterne])::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAOkElEQVR42u3d3Yuc130H8LPCzO7M/J5zTJBW0kz+g1p3vXb/h9wVWhvkJIjWFBKcF10UYbDxRYJfcNrQ1nZqI0icZAUOCgmkGWOjmAyYdcKKh5Abk/MgCORGO5JrWwxML1pD47TBevXuPJ/PvcD7nZ19js/395yTErfksye3T1797U9/c/W3P/3NZ09un5QIAKy50kTTvXPh7dXvL11Z/f7Sle6dC2+XJhrJAHBYHBEBAMAnND1x7ES3e+HtbvfC29MTx05IBAB6Isc4coxDEgAAAAAAAAAAAAAAAAAAAAAAAAAAwL2Rc97MOW9KAgB6Yjqd5q7rvt513den02mWCACsuVLKVtd1Z1er1VOr1eqpruvOllK2JJNcBwwAAEBSAQAAyRAgANCPBcMo5zySBACk3lQGR7uu+2HXdT+cTqdHP43/hog8iMgDnwYApHvy1sC467qd1Wr1xmq1eqPrup1SyviePvybMpjN6yOzeX0kmjLwFgAAAAAkFQAAkAwBAgAAAAAAAADpT+YABjkbxAOA1KPzAAa11jO11jOlFIuA5BwAgLURkYcReSgJAOjLw78po9m8vjCb1xeiKV53SyqAg+g+EQBwry0WixtSAEAFAByqL/hWRN6SBJBuf0t8mLMFAxyGjm84m9dzs3k9F03xpQXSbUzFD2utT9RanyjF3xOSGQDWd/hnY2MjrVYrPSAAKoAevf97+urVq2dqrae9AwwqAOwAHDrXry8+kAKQ7sxU/PtS4F7aEAEqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgFsQkUcReSQJAOjLw78p49m8/mA2rz+IpowlAgCH0xERAAAqAAAAAAAAAAAAAAAAAAAAALg5OcaDHOOBJACgJ0oTg7q7c7ru7pwuTQycBAgAAABJBQAAAAAAAAAAwGGWc97KOW9JAgB6Yjqdlq7rHu+67vHpdFokAgBrLiKGbdueXS6Xzy6Xy2fbtj0bEUPJAIAdAAAgmQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEi3d0R6zjlnSQBAT5RSSq31d7XW35VSXJKWUjoiAgCAuyQiR0QOSQAkFQA9efg3pZnN6y9m8/qLaEojEQCSCgAAQAVAuqNbfoOc80ASAJB6M/U7qLWeqbWeKaVYBAAkFQAAAEkFAAAAAAAAAAAAAAAAAAAAt2MczVAKANAj28cnn7k4a5/dPj75jDQAIPXhPpEYXZy1z+29u3z14qx9LiJGUgEAOwAAQDIDAAAAf2xDBKRP4YKejY2NjdVqtVosFjckAmABwJorpWzu7e39Xc55sFgsbpw6deqf9/f3P5QMa7rYbf7XYveaRDhI7hMBwF1Z7Oa9vb23c87NYrG4durUqb/c399fSAYLAHppf3//wwceeOCfVAAASQUAkFQAAAAAAACQ/nibeZhzdjgMAKT+TJoPa63P11qfL6VYBACf2BERAABAUgEAAAAAAAAAAAAAAHdIRB5GGPgFgP48/Jsyms3ri7N5fTGaMkrOAQAAAAAVAAAAAAAAAAAAAAAAAAAAAAAAAAAAwL2Qcx7m7NhUAOiNUsqo1vpCrfWFUu7MzWmwbtwGCAAAJBUAAAAAAAAAfDoi8igiG3IFgN48/Jsyns3r92fz+v1oyjh5CwAAAABUANxrOcbDHGOvIQFAX5QmhnV35/m6u/N8acIiAIAD5T4R3N0dACkAYAHQM4vr770vBQAwAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcO+NoxlIAQB6ZPv4JC7O2oe2j09CGgDQAxExuDhrH957d/kPF2ftwxFhJwAA7AAAAMkMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQDtEFRWMpABxiTeOmOdLNXlG8fXHWvrZ9fLItDdZaznmQc/ZHkrUzmUxy27aPTSaTLA0+iYiIi7P2tb13l7+6OGtfi4iQCmuplDKotZ6utZ4upVgEsE5/yLfatn1suVw+1bbtYxGxJRXsAIAFAHYA7uLiIw8i7KolMwCQVACQ+jEDEE0ZzOb10dm8PhqNRTW37ogIuNsWi8WNxWJxQxKso2vXrvndPlwLtqEUAEiHc/5ABZBurbI52rbtv08mk6PSAIB+DG2O27Z9eblc/kfbti9HhA4eAOwAAADJDAAAAAAAAAAAAAAAAAAAAAAAAKyBHOPNHONNSQBAT5Qmturuzlfr7s5XSxNbErkrC6xBjvHAdcAA0J8F1uDym6984fKbr3yhNHHTi4D7/s8VRf7vaybd4c4hWP1upZTS4vp7H0gDDpb9a9c/eODBh577n+/ohxK5OzsAt/pv/2QBUEoZ7O3t/U1KKZ06der8/v6+RQAHdfU73Hvj5bMppXTqrx5+av/a9felAgeLB/9dz/fGHVsAAADpMOyw3HjgwYf+7XYXAunjFcBHNQCkA14BfFQD0JvPPHKMQxIAkHpT+zR1d+eturvzVmmikQjcOm8BAAAASQUAAAAArIGIPIzIQ0kAQF8e/k0Zzub16dm8Ph1NsQggGQIEAABQAcBd+f3bjMhuSASAHlVQW7N5/dpsXr8WTdlSAQAAAIAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4cJqmGUoBAHpkMpnc37btk5PJ5H5pAEDqwxXEMWzb9onlcvmvbds+ERF2AgDADgAAkMwAAAAAAKTDPxSRhxHZdggA9Obh35ThbF6/OZvXb0ZTLAIA6JUjIgAAVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAb+SchznnoSQAoCdKKcNa6zdqrd8opVgEAKyJIyIAACCpAAAAAAAAAAAAAAAAIJniBwDSvTnIZ1Rr/U6t9TullJFEAEjJQUAAAEkFAAAAAABAumO7s1s55y1JAEBPTKfT0nXdua7rzk2n0yIRAEjrf81613XnVqvVM6vV6pmu6859GtetewsAAAAAkgoAAEiGAAEAAACAdBC3Gcc557EkACD15nWjqLX+uNb641JKSARIXgMEAICkAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgH6JyKOIPJIEAPTl4d+U8WxeX53N66vRlLFEAODeOiICAEAFAAAAAAAAAAAAAAAAAAAAAMAn0jTNlhQAoEcmk8n9bds+PplM7u/jz59zHuXs8Kx0OA8+G0bkoSQAblIpZdh13VPL5fJfuq57qpQy7NnPP6q1vlJrfaWUYhFwuO4+Gc3m9aXZvL4Ujc+O5C4AAABIKoCkAlABAJAMAQIAAABA6lWNshmRNyUBAP15k2JrNq9fmc3rV6IpasDkLQAAAABUAAAAAACpn2eIRM45JAEAqTfHiDe11l/WWn9ZSmmSIUAAAABIKgAAAAAAAAAAAACAgynHeJxjPJYEAPTE9MSxY93uhR91uxd+ND1x7JhEACCt+2USEe2l899bXnnzreWVN99qL53/XkR4N5K7cXHJICIPJAFgB4D+3F2+OZvXL8/m9cvRFLeXAQfSfX37ga/8/g9/+IsH//avU0ppcf299/wKAABwoCqAJkZqBADok8mJo0176fzfT04cbaQBAKkXA6ub7aXzjy6vvPGP7aXzj0aEWQIAsAMAAKwtMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADA+ss5D3LObnEEgL4opQxqrV+stX6xlGIRwIF2RAQAAABJBQAAAAAAAAAHSUQeROjhAKA3to9P4/V59/nX593nt49PQyIAkNb7NcCIGLz03Z997tj2yTi2fTJe+u7PPhcRdgIAwA4AAJDMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHDzcowHOcZOggWAvihNDOruziN1d+eR0rgILvXpNkAAAACSCgAAAAAAAAAAAG5azjlyziEJAOiJ6XS63XXd613XvT6dTrclAgBrLiKibduLy+Xy8nK5vNy27cWIsBMAAHYAAIBkBgD42PdnnHMeSwIAeqKUErXWn9Raf1JKsYiG5C4AAAAgqQAAAAAAAAAAAAAAAAAAAAAAAAAAANZYjvEwx3goCQDoidLEqO7uvFh3d14sTYwkklwGBAAAQFIBAAAA+L8kACCt3aDUsO7ufKvu7nyrNGERACRDgAAAkFQAAAAAAAAAAAAAAAAAAADA+onIw4jslWMA6M3DvynD2bw+M5vXZ6IpQycBAgAAgAoAAPizmqYJKQBAj0wmk0nbtr+aTCYTaQBA6sN2ekTbtr9eLpfvtW3764iwEwAAdgAAgGQGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6Kec8yDkPJAEAPVFKGdRaT9daT5dS1moRcMTHCxx0EbmJyI0kAKAvD/+m5Nm8Xp7N6+VoSpYISQVwR9znowXW7I/1MKWUFovF+9LgTlgsFjekAHCAK4BSyrDW+u1a67dLKUPJwQHYAcgxHqSU0uL6e1ZSwE25fn1xTQpwCJUmBnV350zd3TlTmvAqBXBXK4CPagDADACQetPX6v7hQK3KYzz4qAYAAAAAAJJ3qPn/d1MjxzgkAUA6wMeobtZav1Rr/VIpZVMitz1QHXV35+d1d+fnpQmLAJKjgAEAgKQCUAEAAAAAAAAAAAAAAACwFjZEAKQe3RS4sbGRVquVS4MAIPXjVMJhrfXJq1evPl1rfbKU4spgkpMAAYCkAgBIKgAAAAAAAAAAAAD+jCZGm1IAgB6ZnDia20vnz05OHM3SAIAeKE0Mu3cunFteefOZ7p0L50oTDmUBSA4CAgDg4yLyMCIPVQAA0JeHf1NGs3l9eTavL0dTRskQIABJBcAhcu36f34oBQDoUQUAAAAAAAAAAAAAAAAAAAAAwKcrx3iQYzyQBACk3twCOai7O6fr7s7p0oRFACRHAQMAAEkFAAAAAAAAAAAAAAB83H8BqJu233oA1P4AAAAASUVORK5CYII=) repeat;
  opacity: 0.16;
}
.rx > section { position: relative; z-index: 1; }
.rx-wrap { position: relative; width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

/* ---------- Die Erde im Hintergrund (erde.js, nur Karte berechnen) ----------
   Steht unten im Bild still im Sternenhimmel und dreht sich; seit 08.10.2026 tiefer und flacher (mehr Weltall darueber). */
.rx-erde-leinwand { position: absolute; left: 0; bottom: 0; z-index: 1; display: block; pointer-events: none; }
.rx-erde-horizont { animation: rx-erde-ein 2.4s var(--rx-weich) backwards; }
.rx-erde-weltall { animation: rx-erde-auf 2.8s var(--rx-weich) backwards; }
.rx-erde-orte { z-index: 2; }
@keyframes rx-erde-ein { from { opacity: 0; } to { opacity: 1; } }
@keyframes rx-erde-auf { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: none; } }
/* Karte: Formular und Kaesten im Farbton von Radix berechnen (Wunsch 08.10.2026). Halbdurchsichtig liess die Karte
   ueber der Erde das Blau der Atmosphaere durch und wirkte graublau; hier darum fast deckend das Lila, das die
   Formularkarte auf Radix ueber dem lila Himmel zeigt (gemessen oben 34,27,53, Mitte 31,22,55, unten 22,13,43). */
.rx-mit-erde {
  --rx-karte-bg: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0.03)),
    radial-gradient(80% 50% at 74% 24%, rgba(118, 64, 214, 0.1), rgba(118, 64, 214, 0) 100%),
    linear-gradient(180deg, rgba(17, 10, 37, 0.95) 0%, rgba(19, 11, 44, 0.96) 34%, rgba(17, 10, 40, 0.97) 64%, rgba(12, 7, 30, 0.98) 100%);
}

/* ---------- Kaesten neben dem Formular (alle drei Seiten, seit 08.10.2026) ----------
   Wie die Formularkarte von Radix berechnen: derselbe Grund (--rx-karte-bg), dasselbe Glas, die Kontur von Gold ueber
   Lila (steht still), das Leuchten etwas leiser. Oberkante buendig mit der Formularkarte (rx.js setzt die Spalten 24 px
   tiefer). Auf Handy und Tablet stehen dieselben Kaesten unter dem Rechner (.ist-im-fluss). */
.rx .rx-deko:not(.ist-im-fluss) {
  margin-top: -24px;
  padding: 22px clamp(15px, 1.4vw, 22px) 18px;
}
.rx .rx-deko {
  border-radius: 24px;
  background: var(--rx-karte-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 34px 80px -36px rgba(0, 0, 0, 0.85),
    0 0 56px -16px rgba(167, 139, 250, 0.42),
    0 0 110px -44px rgba(232, 201, 106, 0.28);
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  backdrop-filter: blur(20px) saturate(1.15);
}
.rx .rx-deko::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from 0deg,
    rgba(251, 233, 176, 0.88) 0deg, rgba(232, 201, 106, 0.5) 40deg, rgba(167, 139, 250, 0.38) 110deg,
    rgba(124, 58, 237, 0.18) 180deg, rgba(167, 139, 250, 0.38) 250deg, rgba(232, 201, 106, 0.5) 320deg, rgba(251, 233, 176, 0.88) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

/* ---------- Kopf: kompakt, damit das Formular hoch steht ---------- */
.rx-hero { padding: clamp(26px, 3.6vw, 50px) 0 clamp(40px, 6vw, 80px); }
.rx-kopf { position: relative; text-align: center; max-width: 760px; margin: 0 auto; }
.rx-marke {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 5px 14px 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: var(--rx-gold-hell);
  background: rgba(232, 201, 106, 0.08);
  border: 1px solid rgba(232, 201, 106, 0.3);
}
.rx-marke::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rx-gold);
  box-shadow: 0 0 10px rgba(232, 201, 106, 0.9);
}
.rx .rx-h1, .rx .rx-h2 { font-family: var(--rx-serif); font-weight: 400; font-style: normal; color: #f7f2ff; }
.rx .rx-h1 {
  margin: 0 0 10px;
  padding: 0;
  font-size: clamp(2.2rem, 4.6vw, 3.3rem);
  line-height: 1.08;
  letter-spacing: -0.015em;
}
.rx .rx-akzent {
  background: var(--rx-akzent-verlauf);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.rx .rx-sub {
  font-size: clamp(1rem, 1.4vw, 1.08rem);
  line-height: 1.6;
  color: var(--rx-mittel);
  max-width: 600px;
  margin: 0 auto;
}
.rx .rx-merkmale {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 20px;
  margin: 14px auto 0;
  padding: 0;
}
.rx .rx-merkmale li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(240, 234, 255, 0.82);
}
.rx .rx-merkmale li::before {
  content: '';
  width: 13px;
  height: 13px;
  flex: none;
  background: var(--rx-gold);
  -webkit-mask: var(--rx-i-haken) center / contain no-repeat;
  mask: var(--rx-i-haken) center / contain no-repeat;
}

/* ---------- Bewegung ---------- */
/* backwards statt both: nach dem Einblenden endet die Animation, das Element bleibt keine eigene Grafik-Ebene */
.rx-auf { animation: rx-auftauchen 1s var(--rx-weich) backwards; animation-delay: calc(var(--v, 0) * 110ms + 60ms); }
@keyframes rx-auftauchen { from { opacity: 0; transform: translate3d(0, 22px, 0); } to { opacity: 1; transform: none; } }
@keyframes rx-kreisen { to { transform: rotate(360deg); } }
@keyframes rx-kreisen-zurueck { to { transform: rotate(-360deg); } }
@keyframes rx-umlauf { to { --rx-w: 360deg; } }
@keyframes rx-randlauf { to { --rx-rand: 510deg; } }
@keyframes rx-puls { 0% { box-shadow: 0 0 0 0 rgba(110, 231, 168, 0.55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(110, 231, 168, 0); } }
@keyframes rx-aufleuchten { 0% { box-shadow: 0 0 0 0 rgba(232, 201, 106, 0.55); } 100% { box-shadow: 0 0 0 12px rgba(232, 201, 106, 0); } }
@keyframes rx-einblenden { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes rx-schweben { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes rx-atmen { 0%, 100% { opacity: 0.62; transform: translateX(-50%) scale(0.96); } 50% { opacity: 1; transform: translateX(-50%) scale(1.04); } }
@keyframes rx-glimmen { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
@keyframes rx-zeichnen { to { stroke-dashoffset: 0; } }
@keyframes rx-funkeln { 0%, 100% { opacity: 0.15; transform: scale(0.7); } 50% { opacity: 1; transform: scale(1); } }
@keyframes rx-schimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes rx-polarlicht { from { transform: translate3d(-4%, 0, 0) scale(1); opacity: 0.75; } to { transform: translate3d(4%, -3%, 0) scale(1.08); opacity: 1; } }

/* ---------- Buehne: atmender Lichthof hinter der Karte ---------- */
.rx-buehne { position: relative; margin-top: clamp(22px, 3vw, 34px); }
.rx-buehne::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -40px;
  width: min(1100px, 130vw);
  height: 660px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(124, 58, 237, 0.4), rgba(124, 58, 237, 0.12) 55%, rgba(124, 58, 237, 0) 100%);
  animation: rx-atmen 7s ease-in-out infinite;
  pointer-events: none;
}

/* Neben dem Formular links das Zeichen-Register, rechts der Himmel jetzt (rx.js setzt Lage und Groesse, oben an der
   Karte ausgerichtet); auf Handy und Tablet stehen beide als Kaesten unter dem Rechner (.rx-band). */
.rx-deko { position: absolute; display: none; pointer-events: none; z-index: 0; }
.rx-deko.ist-da { display: block; }
.rx-kopf { z-index: 1; }

/* Kleiner Tierkreis im Kartenkopf: Krone dreht in 240 s linksherum, die Zeichen gegenlaeufig (bleiben aufrecht),
   in der Mitte die Person; dazu der Lichtschweif des Blitz-Reigens (Laenge --rx-schweif setzt rx.js) */
.rx-tierkreis { position: absolute; inset: 0; }
.rx-tk-krone, .rx-tk-schweif, .rx-tk-schweif-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.rx-tierkreis svg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: visible; }
.rx-tk-krone { animation: rx-kreisen-zurueck 240s linear infinite; }
.rx-tk-z { position: absolute; z-index: 0; animation: rx-kreisen 240s linear infinite; transition: filter 0.9s ease; }
.rx-tk-z.ist-sonne { filter: brightness(1.7) drop-shadow(0 0 2px rgba(255, 236, 190, 0.9)); }
/* Handy: helle Kopie jedes Zeichens fuer den Blitz-Reigen; sie blendet nur auf (Deckkraft), statt dass ein Leuchtfilter
   jedes Bild neu gemalt wird (rx.js legt sie nur auf Touch-Geraeten an) */
.rx-tk-hell { position: absolute; inset: 0; opacity: 0; filter: brightness(2.3) drop-shadow(0 0 3px rgba(255, 236, 190, 0.95)); pointer-events: none; }
.rx-tk-schweif {
  opacity: 0;
  -webkit-mask-image: conic-gradient(from 0deg, transparent 0deg calc(352deg - var(--rx-schweif)), #000 352deg, transparent 360deg);
  mask-image: conic-gradient(from 0deg, transparent 0deg calc(352deg - var(--rx-schweif)), #000 352deg, transparent 360deg);
}
.rx-tk-kern {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56%;
  height: 56%;
  margin: -28% 0 0 -28%;
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0.15;
  transform: scale(0.8);
  background: radial-gradient(closest-side, rgba(255, 247, 224, 0.62), rgba(246, 214, 140, 0.24) 38%, rgba(232, 186, 96, 0.08) 64%, rgba(232, 186, 96, 0) 100%);
}
.rx-kopf-symbol.ist-ruhig .rx-tk-krone, .rx-kopf-symbol.ist-ruhig .rx-tk-z, .rx-seite.ist-ruhig * { animation-play-state: paused; }

/* ---------- Die beiden Spalten (gemeinsam) ---------- */
.rx-seite { container-type: inline-size; color: var(--rx-text); }
.rx-s-kicker {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--rx-gold-hell);
}

/* Rechts · Himmel jetzt: die Planeten als feine Tabelle, live; mit dem Geburtsdatum der Himmel der Geburt */
.rx-j-kopf { display: flex; align-items: center; gap: 9px; }
.rx-j-live { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #6ee7a8; animation: rx-puls 2s ease-out infinite; }
.rx-seite.ist-geburt .rx-j-live { background: var(--rx-gold); animation: none; box-shadow: 0 0 10px rgba(232, 201, 106, 0.85); }
.rx-j-wann { margin: 6px 0 14px; font-family: var(--rx-serif); font-size: clamp(1.05rem, 5.4cqw, 1.35rem); line-height: 1.3; color: #f7f2ff; }
.rx-j-liste { position: relative; overflow: hidden; border-top: 1px solid rgba(232, 201, 106, 0.22); }
.rx-j-liste::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  background: linear-gradient(180deg, rgba(232, 201, 106, 0), rgba(232, 201, 106, 0.1), rgba(232, 201, 106, 0));
  transform: translateY(-80px);
  opacity: 0;
  pointer-events: none;
}
.rx-j-zeile {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px 2px;
  border-bottom: 1px solid rgba(200, 180, 255, 0.1);
  font-size: clamp(12px, 3.6cqw, 14px);
  line-height: 1.3;
  color: var(--rx-mittel);
}
.rx-j-planet { display: inline-flex; align-items: center; gap: 8px; color: #f4effe; white-space: nowrap; }
.rx-j-planet i { width: 16px; flex: none; text-align: center; font-style: normal; color: var(--rx-gold); font-family: 'Segoe UI Symbol', 'Apple Symbols', 'DejaVu Sans', sans-serif; }
.rx-j-zeichen { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.rx-j-zeichen span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rx-j-zeichen svg { width: 14px; height: 14px; flex: none; color: var(--rx-gold); }
.rx-j-grad { text-align: right; font-variant-numeric: tabular-nums; color: #f4effe; white-space: nowrap; }
.rx-j-grad em { margin-left: 4px; font-style: normal; font-size: 0.85em; color: #ff9b8f; }
.rx-j-fuss { margin-top: 12px; font-size: 11.5px; color: var(--rx-leise); }
.rx-seite.ist-neu .rx-j-zeile { animation: rx-j-zeile 0.7s var(--rx-weich) backwards; animation-delay: calc(var(--i) * 70ms); }
.rx-seite.ist-neu .rx-j-liste::after { animation: rx-j-strahl 1.4s ease-in-out 0.1s backwards; }
@keyframes rx-j-zeile { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: none; } }
@keyframes rx-j-strahl { 0% { transform: translateY(-80px); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(420px); opacity: 0; } }

/* Links · Zeichen-Register: die zwoelf Zeichen, im Takt des Reigens beleuchtet; Sonne und Mond markiert */
.rx-rg-liste { margin-top: 10px; border-top: 1px solid rgba(232, 201, 106, 0.22); }
.rx-rg-zeile {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(200, 180, 255, 0.09);
  border-radius: 8px;
  transition: background-color 0.6s ease;
}
.rx-rg-glyphe { display: block; width: 20px; height: 20px; color: var(--rx-gold); }
.rx-rg-glyphe svg { display: block; width: 100%; height: 100%; }
.rx-rg-name { min-width: 0; font-family: var(--rx-serif); font-size: clamp(13.5px, 4.2cqw, 16px); line-height: 1.15; color: #f4effe; }
.rx .rx-rg-name small { display: block; margin-top: 2px; font-size: 11px; letter-spacing: 0.02em; color: var(--rx-leise); }
.rx-rg-name i { display: none; margin-left: 6px; padding: 1px 7px; border-radius: 999px; font-style: normal; font-size: 9.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.rx-rg-zeile.ist-sonne .rx-rg-sonne { display: inline-block; color: #1b1030; background: linear-gradient(135deg, #fbe9b0, #e8c96a); }
.rx-rg-zeile.ist-mond .rx-rg-mond { display: inline-block; color: #e9e4ff; background: rgba(196, 181, 253, 0.18); box-shadow: inset 0 0 0 1px rgba(214, 208, 255, 0.45); }
.rx-rg-zeile.ist-sonne, .rx-rg-zeile.ist-mond { background-color: rgba(232, 201, 106, 0.07); }
.rx-rg-datum { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--rx-mittel); white-space: nowrap; }
.rx-rg-fuss { margin-top: 10px; font-size: 11px; line-height: 1.5; color: var(--rx-leise); }

/* Handy und Tablet: beide als Kaesten unter dem Rechner (nach dem Ergebnis), erst der Himmel jetzt, dann das Register;
   ab etwa 700 px nebeneinander */
.rx-band { padding: 0 0 clamp(40px, 6vw, 72px); }
.rx-band[hidden] { display: none; }
.rx-band-raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 18px; align-items: start; max-width: 980px; margin: 0 auto; }
.rx-deko.ist-im-fluss {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  padding: 22px clamp(16px, 4.5vw, 26px) 20px;
}

/* Kombin links: die zwoelf Haeuser (roemische Ziffer statt Zeichen) */
.rx-hs-zeile { grid-template-columns: 34px 1fr; }
.rx-hs-nr { display: grid; place-items: center; width: 34px; height: 24px; font-family: var(--rx-serif); font-size: 14px; font-weight: 500; letter-spacing: 0.02em; color: var(--rx-gold); }
/* Karte links: die Linien in ihren Kartenfarben (heller Rand, damit auch dunkle Farben auf Lila zu sehen sind) */
.rx-li-zeile { grid-template-columns: 30px 1fr; }
.rx-li-strich { position: relative; display: block; width: 28px; height: 20px; }
.rx-li-strich i { position: absolute; left: 1px; right: 1px; top: 50%; height: 4px; margin-top: -2px; border-radius: 3px; background: var(--c); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 10px var(--c); }
.rx-li-sym { display: inline-block; width: 18px; margin-right: 4px; font-weight: 400; color: var(--rx-gold); font-family: 'Segoe UI Symbol', 'Apple Symbols', 'DejaVu Sans', sans-serif; }
/* Karte rechts: die Themen mit ihrer Farbe aus der Karte und den Linien, die dazugehoeren */
.rx-th-zeile { grid-template-columns: 18px 1fr; align-items: start; padding-top: 8px; padding-bottom: 8px; }
.rx-th-punkt { display: block; width: 12px; height: 12px; margin-top: 3px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06), 0 0 12px var(--c); }
.rx-th-zeile .rx-rg-name em { display: block; margin-top: 3px; font-family: var(--rx-grotesk); font-size: 10.5px; font-style: normal; letter-spacing: 0.04em; color: rgba(232, 201, 106, 0.8); }
/* Kombin rechts: euer Himmel, beide Geburten nebeneinander, darunter euer gemeinsamer Moment */
.rx-eu-zeile { grid-template-columns: 1fr 1fr 1fr; }
.rx-eu-kopfzeile { display: grid; gap: 8px; padding: 0 2px 6px; border-bottom: 1px solid rgba(200, 180, 255, 0.1); }
.rx-eu-wer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rx-gold-hell); }
.rx-eu-z { display: inline-flex; align-items: center; gap: 5px; min-width: 0; color: #f4effe; }
.rx-eu-z span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rx-eu-z svg { width: 13px; height: 13px; flex: none; color: var(--rx-gold); }
.rx-eu-z.ist-leer { color: var(--rx-leise); }
.rx-eu-z .rx-oder { margin: 0 2px; color: var(--rx-leise); }
.rx-eu-moment { margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: rgba(232, 201, 106, 0.06); box-shadow: inset 0 0 0 1px rgba(232, 201, 106, 0.22); }
.rx-eu-moment-wert { margin-top: 4px; font-family: var(--rx-serif); font-size: clamp(1rem, 5cqw, 1.2rem); color: #f7f2ff; }
.rx-eu-moment-ort { margin-top: 2px; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--rx-mittel); }

/* ---------- Kombin: zwei Personen in einer Karte ---------- */
#rx .kombin-person { display: grid; gap: 20px; }
#rx .kombin-person + .kombin-person { margin-top: 6px; padding-top: 22px; border-top: 1px solid rgba(232, 201, 106, 0.2); }
#rx .kombin-person-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rx-gold-hell);
}
.rx-person-marke {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 50%;
  font-size: 12px;
  letter-spacing: 0;
  color: #1b1030;
  background: var(--rx-gold-verlauf);
  box-shadow: 0 0 0 4px rgba(232, 201, 106, 0.1), 0 0 16px rgba(232, 201, 106, 0.45);
}
.rx-person-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.06em; text-transform: none; font-size: 14px; color: #f7f2ff; }
.rx-person-name:not(:empty)::before { content: '·'; margin-right: 8px; color: var(--rx-leise); }
.rx-person-fertig { width: 18px; height: 18px; margin-left: auto; flex: none; color: #6ee7a8; opacity: 0; transform: scale(0.5); transition: opacity 0.4s ease, transform 0.5s var(--rx-weich); }
.rx-person-fertig svg { display: block; width: 100%; height: 100%; }
.kombin-person-label.ist-fertig .rx-person-fertig { opacity: 1; transform: none; }

/* Kombin mit Reitern: oben "Mensch A" und "Mensch B" (Name, Ring mit dem Stand, Haken), darunter immer eine Person */
.rx-reiter {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
  padding: 5px;
  border-radius: 20px;
  background: rgba(8, 5, 20, 0.5);
  box-shadow: inset 0 0 0 1px rgba(200, 180, 255, 0.14), inset 0 2px 10px rgba(0, 0, 0, 0.35);
}
/* der helle Reiter gleitet hinueber */
.rx-reiter::before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: calc(50% - 8px);
  border-radius: 15px;
  background: linear-gradient(150deg, rgba(232, 201, 106, 0.2), rgba(124, 58, 237, 0.2) 70%), rgba(22, 14, 48, 0.9);
  box-shadow: inset 0 0 0 1px rgba(232, 201, 106, 0.5), 0 10px 26px -12px rgba(232, 201, 106, 0.65), 0 0 22px -8px rgba(167, 139, 250, 0.6);
  transition: transform 0.5s var(--rx-weich);
}
.rx-reiter.ist-b::before { transform: translateX(calc(100% + 6px)); }
#rx .rx-reiter-knopf {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  margin: 0;
  padding: 10px 12px 10px 10px;
  border: 0;
  border-radius: 15px;
  background: none;
  box-shadow: none;
  color: var(--rx-mittel);
  font: inherit;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.3s;
}
#rx .rx-reiter-knopf:focus-visible { outline: 2px solid var(--rx-gold); outline-offset: 1px; }
.rx-reiter-knopf .rx-person-marke { width: 32px; height: 32px; font-size: 13px; font-weight: 700; transition: filter 0.4s, opacity 0.4s, box-shadow 0.4s; }
.rx-reiter-knopf:not(.ist-aktiv) .rx-person-marke { opacity: 0.55; filter: saturate(0.5); box-shadow: none; }
.rx-reiter-texte { display: grid; gap: 1px; min-width: 0; line-height: 1.25; }
.rx-reiter-titel { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--rx-gold-hell); }
.rx-reiter-stand { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; color: #f4effe; }
.rx-reiter-knopf:not(.ist-aktiv) :is(.rx-reiter-titel, .rx-reiter-stand) { opacity: 0.66; }
.rx-reiter-knopf:not(.ist-aktiv):hover :is(.rx-reiter-titel, .rx-reiter-stand) { opacity: 0.9; }
.rx-reiter-ring { position: relative; width: 24px; height: 24px; margin-left: auto; flex: none; }
.rx-reiter-ring svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.rx-reiter-ring svg:first-child { transform: rotate(-90deg); fill: none; stroke-width: 2.2; }
.rx-reiter-ring svg:first-child circle:first-child { stroke: rgba(255, 255, 255, 0.13); }
.rx-reiter-wert { stroke: var(--rx-gold); stroke-linecap: round; transition: stroke-dasharray 0.6s var(--rx-weich), stroke 0.4s; }
.rx-reiter-ring svg:last-child { inset: 5px; width: 14px; height: 14px; color: #0f2a1d; opacity: 0; transform: scale(0.4); transition: opacity 0.35s, transform 0.5s var(--rx-weich); }
.rx-reiter-knopf.ist-fertig .rx-reiter-ring::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 50%;
  background: #6ee7a8;
  box-shadow: 0 0 14px rgba(110, 231, 168, 0.6);
  animation: rx-aufleuchten 0.9s ease-out;
}
.rx-reiter-knopf.ist-fertig .rx-reiter-wert { stroke: #6ee7a8; }
.rx-reiter-knopf .rx-person-marke { position: relative; }
@media (max-width: 600px) {
  #rx .rx-reiter-knopf { gap: 9px; padding: 9px 8px; }
  .rx-reiter-knopf .rx-person-marke { width: 28px; height: 28px; font-size: 12px; }
  .rx-reiter-titel { font-size: 10px; letter-spacing: 0.1em; white-space: nowrap; }
  .rx-reiter-stand { font-size: 13.5px; }
  .rx-reiter-ring { display: none; }
  .rx-reiter-knopf.ist-fertig .rx-person-marke::after {
    content: '';
    position: absolute;
    right: -4px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #6ee7a8 var(--rx-i-haken) center / 10px no-repeat;
    box-shadow: 0 0 0 2px #140c2c, 0 0 10px rgba(110, 231, 168, 0.6);
  }
}
.rx-reiter-knopf.ist-fertig .rx-reiter-ring svg:last-child { z-index: 1; opacity: 1; transform: none; }
/* Personen unter den Reitern: Ueberschrift der Person steht schon im Reiter */
#rx .rx-reiter ~ .kombin-person .kombin-person-label { display: none; }
#rx .rx-reiter ~ .kombin-person + .kombin-person { margin-top: 0; padding-top: 0; border-top: 0; }
#rx .kombin-person[hidden] { display: none; }
#rx .kombin-person.ist-neu { animation: rx-person-ein 0.55s var(--rx-weich) backwards; }
#rx .kombin-person.ist-neu.von-links { animation-name: rx-person-ein-links; }
@keyframes rx-person-ein { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }
@keyframes rx-person-ein-links { from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: none; } }
/* Am Ende von Mensch A: weiter zu Mensch B (golden, sobald A vollstaendig ist) */
#rx .rx-person-weiter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 14px 18px;
  border: 1px solid rgba(232, 201, 106, 0.32);
  border-radius: 16px;
  background: rgba(232, 201, 106, 0.05);
  color: var(--rx-gold-hell);
  font-family: var(--rx-grotesk);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  cursor: pointer;
  transition: background 0.4s, color 0.4s, border-color 0.4s, box-shadow 0.4s, transform 0.25s var(--rx-weich);
}
#rx .rx-person-weiter svg { width: 19px; height: 19px; flex: none; transition: transform 0.3s var(--rx-weich); }
#rx .rx-person-weiter:hover { border-color: rgba(232, 201, 106, 0.6); background: rgba(232, 201, 106, 0.1); }
#rx .rx-person-weiter:hover svg { transform: translateX(4px); }
#rx .rx-person-weiter:focus-visible { outline: 2px solid var(--rx-gold); outline-offset: 3px; }
#rx .rx-person-weiter.ist-bereit {
  border-color: transparent;
  color: #1b1030;
  background: var(--rx-gold-verlauf);
  box-shadow: 0 12px 30px -12px rgba(232, 201, 106, 0.85);
  animation: rx-aufleuchten 1.1s ease-out;
}
#rx .rx-person-weiter.ist-bereit:hover { transform: translateY(-2px); }
/* Gemeinsamer Knopf gesperrt, bis beide eingetragen sind; wird er frei, leuchtet er auf */
#rx #astromantie-radix-widget #arm-calc-btn.ist-gesperrt {
  cursor: not-allowed;
  filter: saturate(0.3) brightness(0.78);
  box-shadow: none;
  animation: none;
  background:
    linear-gradient(135deg, #4c2a8a 0%, #5d42a0 55%, #6d5aa8 100%) padding-box,
    linear-gradient(135deg, rgba(232, 201, 106, 0.35), rgba(232, 201, 106, 0.15)) border-box;
}
#rx #astromantie-radix-widget #arm-calc-btn.ist-gesperrt:hover { transform: none; }
#rx #astromantie-radix-widget #arm-calc-btn.ist-gesperrt .btn-shimmer { display: none; }
#rx #astromantie-radix-widget #arm-calc-btn.ist-gesperrt .rx-knopf-sub { color: rgba(255, 255, 255, 0.78); }
#rx #astromantie-radix-widget #arm-calc-btn.ist-frei::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 246, 214, 0.55) 50%, rgba(255, 255, 255, 0) 70%);
  animation: rx-frei-glanz 1.1s var(--rx-weich) both;
}
#rx #astromantie-radix-widget #arm-calc-btn.ist-frei { animation: rx-umlauf 7s linear infinite, rx-frei 1.3s ease-out; }
@keyframes rx-frei { 0% { box-shadow: 0 0 0 0 rgba(232, 201, 106, 0.75), 0 16px 44px -12px rgba(124, 58, 237, 0.85); } 100% { box-shadow: 0 0 0 22px rgba(232, 201, 106, 0), 0 16px 44px -12px rgba(124, 58, 237, 0.85); } }
@keyframes rx-frei-glanz { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
/* Fehlt beim Druecken noch etwas: das Feld wackelt kurz und leuchtet rot */
#rx .rx-fehlt { animation: rx-fehlt 0.7s ease backwards; }
#rx .rx-fehlt :is(input, .csel-display) { border-color: rgba(255, 140, 130, 0.9) !important; box-shadow: 0 0 0 4px rgba(255, 107, 107, 0.16) !important; }
@keyframes rx-fehlt { 0%, 100% { transform: none; } 18% { transform: translateX(-6px); } 36% { transform: translateX(6px); } 54% { transform: translateX(-4px); } 72% { transform: translateX(3px); } }
#rx .kombin-relation-field { margin-top: 2px; padding-top: 20px; border-top: 1px solid rgba(232, 201, 106, 0.2); }
#rx #csel-relation { --rx-spalten: 1; }
#rx #csel-relation .csel-list { width: 100%; }
#rx #csel-relation .csel-display { color: #f4effe; }
#rx .kombin-privacy-hint { margin: 2px 0 0; text-align: center; font-size: 12px; line-height: 1.5; color: var(--rx-leise); }
/* Kombin-Kacheln: je Zeile eine Person */
.rx-kachel-wer { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-right: 6px; border-radius: 50%; font-size: 9.5px; font-weight: 700; color: #1b1030; background: rgba(232, 201, 106, 0.85); vertical-align: 1px; }
.rx-kachel-leer { color: var(--rx-leise); }
.rx-v-kombin .rx-kachel-wert { line-height: 1.55; }
/* Kombin: Hinweis zur Partneranalyse unter der Karte. Kleines Symbol oben (zwei Ringe umkreisen einander, Funke in
   der Mitte), links das Buch (klappt beim ersten Anblick auf, mit der Maus beim Drueberfahren), Sterne, Polarlicht,
   umlaufender Goldrand, Titel mit Schimmer */
#rx #astro-kombin-partnerbox {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: 640px;
  margin: 26px auto 0;
  padding: clamp(24px, 4vw, 32px);
  border: 0;
  border-radius: 28px;
  color: var(--rx-text);
  text-align: left;
  background:
    radial-gradient(70% 90% at 18% 10%, rgba(124, 58, 237, 0.34), rgba(124, 58, 237, 0) 70%),
    linear-gradient(160deg, rgba(232, 201, 106, 0.08), rgba(255, 255, 255, 0.015) 55%),
    rgba(16, 10, 36, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 30px 70px -36px rgba(0, 0, 0, 0.85), 0 0 70px -26px rgba(232, 201, 106, 0.45);
}
#rx #astro-kombin-partnerbox[hidden] { display: none; }
#rx #astro-kombin-partnerbox.rx-pb { display: grid; grid-template-columns: 188px minmax(0, 1fr); gap: clamp(18px, 3.4vw, 30px); align-items: center; }
#rx #astro-kombin-partnerbox::after, .rx-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1.5px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from var(--rx-rand), rgba(232, 201, 106, 0.22) 0deg, rgba(232, 201, 106, 0.22) 200deg, rgba(232, 201, 106, 0.85) 290deg, #fffaf0 330deg, rgba(232, 201, 106, 0.85) 345deg, rgba(232, 201, 106, 0.22) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: rx-randlauf 9s linear infinite;
}
/* Platz links, damit der aufklappende Deckel nicht am Rand abgeschnitten wird */
.rx-pb .rx-buch { width: 150px; margin: 0 0 0 36px; }
.rx-pb-inhalt { position: relative; z-index: 1; min-width: 0; }
#rx #astro-kombin-partnerbox .akp-kopf { display: block; margin: 0; }
#rx #astro-kombin-partnerbox .akp-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  font-family: var(--rx-grotesk);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--rx-gold);
}
.rx-pb-symbol { display: block; width: 34px; height: 34px; flex: none; filter: drop-shadow(0 0 6px rgba(246, 214, 140, 0.55)); }
.rx-pb-symbol svg { display: block; width: 100%; height: 100%; overflow: visible; }
.rx-ring-a, .rx-ring-b, .rx-ring-funke { transform-box: fill-box; transform-origin: center; }
.rx-ring-a { animation: rx-ring-a 5.5s ease-in-out infinite; }
.rx-ring-b { animation: rx-ring-b 5.5s ease-in-out infinite; }
.rx-ring-funke { animation: rx-ring-funke 5.5s ease-in-out infinite; }
@keyframes rx-ring-a { 0%, 100% { transform: translate(-1.6px, 0); } 50% { transform: translate(1.2px, 0); } }
@keyframes rx-ring-b { 0%, 100% { transform: translate(1.6px, 0); } 50% { transform: translate(-1.2px, 0); } }
@keyframes rx-ring-funke { 0%, 30%, 100% { opacity: 0.25; transform: scale(0.5) rotate(0deg); } 50% { opacity: 1; transform: scale(1.25) rotate(45deg); } 70% { opacity: 0.6; transform: scale(0.8) rotate(90deg); } }
#rx #astro-kombin-partnerbox .akp-titel {
  margin: 0 0 6px;
  font-family: var(--rx-serif);
  font-size: clamp(1.45rem, 3.4vw, 1.85rem);
  font-weight: 400;
  line-height: 1.18;
  color: #f7f2ff;
}
.rx-pb-grad, .rx-banner-grad {
  background: linear-gradient(100deg, #fbe9b0 0%, #e8c96a 30%, #c9b6ff 55%, #e8c96a 80%, #fbe9b0 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: rx-schimmer 7s ease-in-out infinite;
}
#rx #astro-kombin-partnerbox .akp-unter { margin: 0 0 14px; font-size: 13.5px; color: var(--rx-gold-hell); opacity: 0.85; }
#rx #astro-kombin-partnerbox .akp-text { margin: 0 0 14px; font-size: 14.5px; line-height: 1.62; color: var(--rx-mittel); }
#rx #astro-kombin-partnerbox .akp-punkte { display: grid; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; }
#rx #astro-kombin-partnerbox .akp-punkte li { position: relative; margin: 0; padding: 0 0 0 24px; font-size: 14px; line-height: 1.5; color: #ece6fb; }
#rx #astro-kombin-partnerbox .akp-punkte li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 4px;
  width: 13px;
  height: 13px;
  background: var(--rx-gold-verlauf);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.8 6 3.5 8.7 9.5 9.5-6 .8-8.7 3.5-9.5 9.5-.8-6-3.5-8.7-9.5-9.5 6-.8 8.7-3.5 9.5-9.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.8 6 3.5 8.7 9.5 9.5-6 .8-8.7 3.5-9.5 9.5-.8-6-3.5-8.7-9.5-9.5 6-.8 8.7-3.5 9.5-9.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 0 4px rgba(246, 214, 140, 0.7));
}
#rx #astro-kombin-partnerbox .akp-umfang { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
#rx #astro-kombin-partnerbox .akp-umfang span {
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--rx-gold-hell);
  background: rgba(232, 201, 106, 0.08);
  box-shadow: inset 0 0 0 1px rgba(232, 201, 106, 0.3);
}
#rx #astro-kombin-partnerbox .akp-knopf, .rx .rx-banner-knopf {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 14px 24px;
  border-radius: 999px;
  font-family: var(--rx-grotesk);
  font-size: 15px;
  font-weight: 700;
  color: #1b1030;
  text-decoration: none;
  background: var(--rx-gold-verlauf);
  box-shadow: 0 12px 32px -10px rgba(232, 201, 106, 0.75);
  transition: transform 0.25s var(--rx-weich), box-shadow 0.3s;
}
#rx #astro-kombin-partnerbox .akp-knopf::before, .rx .rx-banner-knopf::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 45%;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  transform: skewX(-20deg);
  animation: rx-glanz 5s ease-in-out infinite;
}
@keyframes rx-glanz { 0%, 62% { left: -60%; } 86%, 100% { left: 130%; } }
#rx #astro-kombin-partnerbox .akp-knopf:hover, .rx .rx-banner-knopf:hover { transform: translateY(-2px); box-shadow: 0 16px 38px -10px rgba(232, 201, 106, 0.95); color: #1b1030; }
@media (max-width: 600px) {
  #rx #astro-kombin-partnerbox.rx-pb { grid-template-columns: minmax(0, 1fr); gap: 22px; text-align: center; }
  .rx-pb .rx-buch { width: 136px; margin: 0 auto; }
  #rx #astro-kombin-partnerbox .akp-kicker, #rx #astro-kombin-partnerbox .akp-umfang { justify-content: center; }
  #rx #astro-kombin-partnerbox .akp-punkte { text-align: left; }
}

/* Kombin-Ergebnis: Titel des Plugins doppelt zum Kopf von rx.js, also aus; der Satz zum gemeinsamen Moment bleibt */
#rx .kombin-header { max-width: 720px; margin: -4px auto 20px; text-align: center; }
#rx .kombin-header .kombin-result-title { display: none; }
#rx .kombin-header .kombin-mid-line { margin: 0; font-size: 14px; line-height: 1.6; color: var(--rx-mittel); }
#rx .kombin-header .kombin-time-hint {
  margin: 12px auto 0;
  padding: 10px 16px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--rx-mittel);
  background: rgba(232, 201, 106, 0.06);
  box-shadow: inset 0 0 0 1px rgba(232, 201, 106, 0.24);
}

/* ---------- Karte (Astromap-Plugin): Kopf des Plugins aus, Felder wie bei Radix ---------- */
#rx #astromantie-astromap-widget > .astromap-header { display: none; }
#rx :is(#astromap-csel-year, .rx-jahr-csel) { --rx-spalten: 5; }
#rx :is(#astromap-csel-year, .rx-jahr-csel) .csel-list { width: 300px; max-height: 320px; overflow-y: auto; left: auto; right: 0; }
/* Radix und Kombin: das Jahresfeld des Plugins bleibt als Quelle, aber unsichtbar (die Liste daneben schreibt hinein) */
#rx .rx-jahr-verborgen { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }
#rx #astromantie-astromap-widget .tz-info:empty { display: none; }

/* Ergebnis der Karte ueber der Erde: Reiterleiste und Inhalte (Beschreibung, Auflistung, Rohdaten, Filter) fast
   deckend, nur ein Hauch Durchsicht (Wunsch 07.10.2026: "viel weniger glasig") */
#rx #astromantie-astromap-widget .astromap-tab-bar {
  margin: 22px 0 14px;
  padding: 4px 10px;
  border: 1px solid rgba(200, 180, 255, 0.16);
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01) 60%), rgba(16, 10, 36, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 18px 40px -26px rgba(0, 0, 0, 0.8);
}
#rx #astromantie-astromap-widget :is(.overview-card, .auflistung-group) {
  border: 1px solid rgba(200, 180, 255, 0.16);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012) 60%), rgba(16, 10, 36, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px -26px rgba(0, 0, 0, 0.8);
}
#rx #astromantie-astromap-widget #astromap-rohdaten,
#rx #astromantie-astromap-widget #tab-filter .toggles-section {
  padding: 18px 20px;
  border: 1px solid rgba(200, 180, 255, 0.16);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012) 60%), rgba(16, 10, 36, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px -26px rgba(0, 0, 0, 0.8);
}
#rx #astromantie-astromap-widget #astromap-rohdaten pre { margin: 0; background: none; border: 0; }
#rx #astromantie-astromap-widget .planet-toggle { background: rgba(255, 255, 255, 0.02); }

/* Rahmen der Karte: statt schwarzem Kasten ein Rahmen im Stil der Seite (Lila mit Goldkante, umlaufendes Licht);
   die Leisten mit den Planetenzeichen bleiben 26 px breit (astromap-app.js rechnet damit) */
#rx #astromantie-astromap-widget .map-frame-wrap {
  position: relative;
  border: 0;
  border-radius: 26px;
  background:
    radial-gradient(80% 60% at 20% 0%, rgba(124, 58, 237, 0.35), rgba(124, 58, 237, 0) 70%),
    linear-gradient(160deg, #241850 0%, #160e34 55%, #100a26 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 40px 90px -40px rgba(0, 0, 0, 0.9), 0 0 70px -24px rgba(167, 139, 250, 0.5), 0 0 110px -50px rgba(232, 201, 106, 0.45);
}
#rx #astromantie-astromap-widget .map-frame-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 5;
  padding: 1.5px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from var(--rx-rand),
    rgba(251, 233, 176, 0.9) 0deg, rgba(232, 201, 106, 0.45) 40deg, rgba(167, 139, 250, 0.35) 110deg,
    rgba(124, 58, 237, 0.18) 180deg, rgba(167, 139, 250, 0.35) 250deg, rgba(232, 201, 106, 0.45) 320deg, rgba(251, 233, 176, 0.9) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: rx-randlauf 24s linear infinite;
}
#rx #astromantie-astromap-widget .map-frame-edge { border-color: transparent !important; }
#rx #astromantie-astromap-widget .map-container {
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(232, 201, 106, 0.4), 0 0 26px rgba(0, 0, 0, 0.55);
  isolation: isolate;
}
#rx #astromantie-astromap-widget #astromap-map { border-radius: 16px; }

/* Kartenknoepfe (S/W, Vollbild, Plus/Minus): dunkles Glas mit Goldkante statt Weiss mit Lilarand; auch im Vollbild */
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) :is(.leaflet-control-zoom, .leaflet-control-basemap) {
  border: 1px solid rgba(232, 201, 106, 0.4) !important;
  border-radius: 14px !important;
  overflow: hidden;
  background: rgba(20, 13, 44, 0.86) !important;
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) :is(.leaflet-control-zoom a, .leaflet-control-basemap .basemap-btn) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 38px !important;
  height: 38px !important;
  line-height: 1 !important;
  background: transparent !important;
  color: #f6e3a1 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(232, 201, 106, 0.16) !important;
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-zoom a { font-size: 20px !important; font-weight: 400 !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) :is(.leaflet-control-zoom a, .leaflet-control-basemap .basemap-btn):last-child { border-bottom: 0 !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) :is(.leaflet-control-zoom a, .leaflet-control-basemap .basemap-btn):hover { background: rgba(232, 201, 106, 0.14) !important; color: #fffaf0 !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-basemap .basemap-btn.active {
  background: linear-gradient(135deg, #fbe9b0 0%, #e8c96a 50%, #c9993c 100%) !important;
  color: #1b1030 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-zoom a.leaflet-disabled { color: rgba(246, 227, 161, 0.35) !important; background: transparent !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-fullscreen { width: auto !important; margin-bottom: 8px !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-fullscreen a {
  position: relative;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(232, 201, 106, 0.4) !important;
  border-radius: 14px !important;
  background: rgba(20, 13, 44, 0.86) !important;
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: transparent !important;
  font-size: 0 !important;
  transition: background 0.2s !important;
}
/* Vollbild-Zeichen: vier Ecken (statt des Schriftzeichens) */
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-fullscreen a::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background: #f6e3a1;
  -webkit-mask: 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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: 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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-fullscreen a:hover { background: rgba(48, 32, 94, 0.92) !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .leaflet-control-fullscreen a:hover::before { background: #fffaf0; }
/* Vollbild: Rahmen wie auf der Seite */
html body #astromap-fullscreen-overlay { background: rgba(6, 3, 13, 0.92); }
html body #astromap-fullscreen-overlay .map-frame-wrap.fullscreen {
  border: 1px solid rgba(232, 201, 106, 0.4);
  border-radius: 26px;
  background: linear-gradient(160deg, #241850 0%, #160e34 55%, #100a26 100%);
}
html body #astromap-fullscreen-close { border-color: rgba(232, 201, 106, 0.45); background: rgba(20, 13, 44, 0.86); color: #f6e3a1; }
/* Vollbild (auch am Ende des Kartenflugs): Rahmen mit den Leisten fuer die Planetenzeichen wie auf der Seite. Die
   Stile des Plugins gelten nur im Widget, im Vollbild fiel der Rahmen darum zusammen (unten ein leerer Streifen,
   Zeichen ausserhalb des Rahmens). */
html body #astromap-fullscreen-overlay { padding: 18px; }
html body #astromap-fullscreen-overlay .map-frame-wrap.fullscreen {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 70px -24px rgba(167, 139, 250, 0.5), 0 0 110px -50px rgba(232, 201, 106, 0.45);
}
html body #astromap-fullscreen-overlay .map-frame-middle { display: flex; flex: 1; min-height: 0; }
html body #astromap-fullscreen-overlay .map-frame-edge { position: relative; overflow: visible; flex: none; border-color: transparent !important; }
html body #astromap-fullscreen-overlay :is(.map-frame-top, .map-frame-bottom) { height: 26px; display: flex; align-items: center; justify-content: center; }
html body #astromap-fullscreen-overlay :is(.map-frame-left, .map-frame-right) { width: 26px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
html body #astromap-fullscreen-overlay .map-container {
  position: relative;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(232, 201, 106, 0.4), 0 0 26px rgba(0, 0, 0, 0.55);
  isolation: isolate;
}
html body #astromap-fullscreen-overlay .map-frame-wrap.fullscreen #astromap-map { height: 100% !important; border-radius: 16px; }
/* Der Geburtsort auf der Karte golden wie der Pin des Kartenflugs */
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .birthplace-pin path { fill: #e8c96a; stroke: #8a6420; }

/* =====================================================================
   Kartenflug (erde.js, nur Karte berechnen; seit 08.10.2026): Felder loesen sich auf, die Erde dreht sich zum
   Geburtsort, Pin und Linien, Eintauchen, dann die Karte im Vollbild
   ===================================================================== */
/* Jedes Teil blendet aus, wird weich und steigt ein wenig (Verzoegerung --rx-z: eine Druckwelle vom Knopf aus); die
   Rahmen von Formular und Kaesten zuletzt und ohne Weichzeichner */
.rx .rx-zerfall {
  opacity: 0 !important;
  filter: blur(6px);
  transform: translateY(-12px) scale(1.012);
  transition: opacity calc(0.7s / 0.89) ease var(--rx-z, 0s), filter calc(0.7s / 0.89) ease var(--rx-z, 0s), transform calc(0.9s / 0.89) var(--rx-weich) var(--rx-z, 0s) !important;
  pointer-events: none !important;
}
.rx .rx-zerfall.rx-zerfall-rahmen { filter: none; transform: scale(0.985); }
#rx.rx-flug-leer > section { opacity: 0; pointer-events: none; transition: opacity calc(0.3s / 0.89) ease; }
/* Was das Plugin waehrend des Flugs neu zeigt (Ergebnis, Zeitzone), bleibt bis zum Ende verborgen */
#rx.rx-fliegt #astromantie-astromap-widget :is(#astromap-result, #astromap-tz-display, .tz-info) { opacity: 0 !important; transition: none !important; }
#rx.rx-flug-zurueck > section { animation: rx-flug-zurueck calc(1s / 0.89) var(--rx-weich) backwards; }
@keyframes rx-flug-zurueck { from { opacity: 0; } to { opacity: 1; } }
body.rx-im-flug .astro-header, body.rx-im-flug .astro-tp-lasche { opacity: 0 !important; pointer-events: none !important; transition: opacity calc(0.6s / 0.89) ease; }
.rx-flug {
  position: fixed;
  inset: 0;
  z-index: 100002;
  overflow: hidden;
  cursor: default;
  touch-action: none;
  transition: opacity calc(0.6s / 0.89) ease;
  -webkit-tap-highlight-color: transparent;
}
.rx-flug.ist-weg { opacity: 0; pointer-events: none; }
.rx-flug.ist-erkunden { cursor: grab; }
.rx-flug.ist-erkunden.ist-gezogen { cursor: grabbing; }
.rx-flug-bild { position: absolute; left: 0; top: 0; display: block; pointer-events: none; }
.rx-flug-zeile {
  position: absolute;
  left: 50%;
  bottom: max(34px, calc(env(safe-area-inset-bottom) + 22px));
  width: max-content;
  max-width: calc(100% - 40px);
  transform: translate(-50%, 8px);
  opacity: 0;
  transition: opacity calc(0.45s / 0.89) ease, transform calc(0.7s / 0.89) cubic-bezier(.2, .7, .2, 1);
  font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 1.6;
  text-transform: uppercase;
  text-align: center;
  color: #f6e3a1;
  text-shadow: 0 0 18px rgba(232, 201, 106, 0.45), 0 1px 2px rgba(0, 0, 0, 0.7);
  pointer-events: none;
}
.rx-flug-zeile.ist-da { opacity: 1; transform: translate(-50%, 0); }
.rx-flug .rx-flug-weiter {
  position: absolute;
  top: max(18px, calc(env(safe-area-inset-top) + 12px));
  right: 18px;
  margin: 0;
  padding: 8px 16px;
  border: 1px solid rgba(232, 201, 106, 0.4);
  border-radius: 999px;
  background: rgba(20, 13, 44, 0.6);
  color: rgba(246, 227, 161, 0.9);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
  opacity: 0;
  animation: rx-erde-ein calc(0.6s / 0.89) ease calc(1.2s / 0.89) forwards;
}
.rx-flug .rx-flug-weiter:hover, .rx-flug .rx-flug-weiter:focus-visible { background: rgba(48, 32, 94, 0.85); color: #fffaf0; outline: none; }
/* Nach den Linien: rechts die Steuerung (Ansicht Globus/Flach/Schraeg, Lupe zum Hineinzoomen, Hinweis), unten der
   Hinweis zum Ziehen; auf dem Handy die Steuerung unten */
.rx-flug-steuer {
  position: absolute;
  right: max(22px, env(safe-area-inset-right));
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 222px;
  padding: 18px 16px 18px;
  border: 1px solid rgba(232, 201, 106, 0.32);
  border-radius: 26px;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012) 48%), rgba(16, 10, 36, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 60px -20px rgba(0, 0, 0, 0.7), 0 0 50px -18px rgba(167, 139, 250, 0.5);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  cursor: default;
  opacity: 0;
  pointer-events: none;
  transform: translate(18px, -50%);
  transition: opacity calc(0.6s / 0.89) ease, transform calc(0.8s / 0.89) cubic-bezier(.2, .7, .2, 1);
}
.rx-flug-steuer.ist-da { opacity: 1; pointer-events: auto; transform: translate(0, -50%); }
.rx-fs-wahl { display: flex; gap: 3px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 999px; background: rgba(6, 3, 13, 0.55); }
.rx-flug .rx-fs-wahl button {
  margin: 0;
  padding: 7px 11px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(238, 230, 255, 0.78);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background calc(0.3s / 0.89) ease, color calc(0.3s / 0.89) ease;
}
.rx-flug .rx-fs-wahl button:hover { color: #fffaf0; background: rgba(167, 139, 250, 0.16); }
.rx-flug .rx-fs-wahl button.ist-an { background: linear-gradient(135deg, #fbe9b0 0%, #e8c96a 48%, #c9993c 100%); color: #1b1030; }
.rx-flug .rx-fs-zoom {
  position: relative;
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  margin: 2px 0 0;
  padding: 0;
  border: 1px solid rgba(232, 201, 106, 0.65);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, rgba(167, 139, 250, 0.38), rgba(22, 13, 48, 0.92) 72%);
  color: #f6e3a1;
  cursor: pointer;
  box-shadow: 0 0 34px rgba(232, 201, 106, 0.35);
  transition: transform calc(0.25s / 0.89) ease, box-shadow calc(0.25s / 0.89) ease;
}
.rx-flug .rx-fs-zoom:hover, .rx-flug .rx-fs-zoom:focus-visible { transform: scale(1.06); box-shadow: 0 0 46px rgba(232, 201, 106, 0.6); outline: none; }
.rx-fs-zoom svg { width: 34px; height: 34px; }
.rx-fs-zoom::after {
  content: '';
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(232, 201, 106, 0.55);
  border-radius: 50%;
  animation: rx-fs-puls calc(2.2s / 0.89) ease-out infinite;
  pointer-events: none;
}
@keyframes rx-fs-puls { from { transform: scale(0.92); opacity: 0.9; } to { transform: scale(1.38); opacity: 0; } }
.rx-fs-hinweis { display: grid; gap: 4px; text-align: center; }
.rx-fs-hinweis b { font-family: Fraunces, Georgia, serif; font-size: 18px; font-weight: 400; line-height: 1.25; color: #f7f2ff; }
.rx-fs-hinweis span { font-family: 'Hanken Grotesk', system-ui, sans-serif; font-size: 12.5px; line-height: 1.4; color: rgba(238, 230, 255, 0.62); }
.rx-flug-ziehen {
  position: absolute;
  left: 50%;
  bottom: max(34px, calc(env(safe-area-inset-bottom) + 22px));
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px 9px 13px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(16, 10, 36, 0.72);
  color: rgba(238, 230, 255, 0.88);
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity calc(0.5s / 0.89) ease, transform calc(0.7s / 0.89) cubic-bezier(.2, .7, .2, 1);
}
.rx-flug-ziehen.ist-da { opacity: 1; transform: translate(-50%, 0); }
.rx-fz-zeichen { display: grid; width: 22px; height: 22px; color: #e8c96a; animation: rx-fs-hand calc(2.4s / 0.89) ease-in-out infinite; }
.rx-fz-zeichen svg { width: 100%; height: 100%; }
@keyframes rx-fs-hand { 0%, 100% { transform: translateX(-4px) rotate(-8deg); } 50% { transform: translateX(4px) rotate(8deg); } }
@media (max-width: 700px) {
  .rx-flug-steuer {
    left: 12px;
    right: 12px;
    top: auto;
    bottom: max(14px, calc(env(safe-area-inset-bottom) + 8px));
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 14px;
    padding: 14px 12px;
    border-radius: 22px;
    transform: translateY(16px);
  }
  .rx-flug-steuer.ist-da { transform: none; }
  .rx-fs-hinweis { order: -1; width: 100%; }
  .rx-fs-hinweis b { font-size: 16px; }
  .rx-flug .rx-fs-zoom { width: 54px; height: 54px; margin: 0; }
  .rx-fs-zoom svg { width: 26px; height: 26px; }
  .rx-flug-ziehen { bottom: auto; top: max(76px, calc(env(safe-area-inset-top) + 66px)); }
}
@media (hover: none) and (pointer: coarse) {
  .rx-flug-steuer { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(16, 10, 36, 0.94); }
}
html body #astromap-fullscreen-overlay.rx-aus-flug { opacity: 0; transition: opacity calc(0.6s / 0.89) ease; }
html body #astromap-fullscreen-overlay.rx-aus-flug.ist-da { opacity: 1; }
/* Leiste unten auf der Vollbild-Karte nach dem Flug: wessen Karte, und zurueck zur Auswertung auf der Seite */
.rx-vollbild-leiste {
  position: absolute;
  left: 50%;
  bottom: 54px;
  z-index: 1001;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: calc(100% - 64px);
  padding: 6px 6px 6px 18px;
  border: 1px solid rgba(232, 201, 106, 0.4);
  border-radius: 999px;
  background: rgba(20, 13, 44, 0.88);
  box-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.7), 0 0 40px -16px rgba(167, 139, 250, 0.6);
  transform: translateX(-50%);
  animation: rx-erde-ein 0.6s ease 0.4s backwards;
}
.rx-vl-titel { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Fraunces, Georgia, serif; font-size: 15px; line-height: 1.2; color: #f7f2ff; }
.rx-vollbild-leiste .rx-vl-knopf {
  flex: none;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #fbe9b0 0%, #e8c96a 48%, #c9993c 100%);
  color: #1b1030;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
@media (max-width: 600px) {
  /* Handy: nur der Knopf, mittig zwischen den Kartenknoepfen (S/W links, Plus/Minus rechts) und ueber dem Vermerk */
  html body #astromap-fullscreen-overlay { padding: 10px; }
  .rx-vollbild-leiste { bottom: 62px; gap: 0; padding: 5px; }
  .rx-vl-titel { display: none; }
}
/* =====================================================================
   Das Radix-Plugin: Formularkarte (640 px; das Ergebnis darunter 980 px)
   ===================================================================== */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  color: var(--rx-text);
  font-family: var(--rx-grotesk);
}
/* Titel, Untertitel und Einleitung des Plugins ersetzt der Kopf oben */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) > h1,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) > .subtitle,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) > .subtitle-credit,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) > .intro-text { display: none; }

#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  padding: clamp(24px, 3.6vw, 32px) clamp(18px, 4.4vw, 38px) clamp(22px, 4vw, 34px);
  gap: 20px;
  border: 0;
  border-radius: 30px;
  background: var(--rx-karte-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 44px 100px -36px rgba(0, 0, 0, 0.85),
    0 0 70px -14px rgba(167, 139, 250, 0.5),
    0 0 130px -40px rgba(232, 201, 106, 0.35);
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  backdrop-filter: blur(20px) saturate(1.15);
  animation: rx-auftauchen 1s var(--rx-weich) 0.4s backwards;
}
/* Kontur: Verlauf von Gold ueber Lila zurueck zu Gold, wandert langsam um die Karte */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--rx-rand),
    rgba(251, 233, 176, 0.95) 0deg, rgba(232, 201, 106, 0.55) 40deg, rgba(167, 139, 250, 0.42) 110deg,
    rgba(124, 58, 237, 0.2) 180deg, rgba(167, 139, 250, 0.42) 250deg, rgba(232, 201, 106, 0.55) 320deg, rgba(251, 233, 176, 0.95) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: rx-randlauf 24s linear infinite;
  pointer-events: none;
}
/* Titel als Platzhalter, bis rx.js den Kartenkopf setzt */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section::before {
  content: 'Deine Geburtsdaten';
  display: block;
  font-family: var(--rx-serif);
  font-size: clamp(1.45rem, 2.6vw, 1.7rem);
  font-weight: 400;
  line-height: 1.2;
  color: #f7f2ff;
  margin: 0 0 30px;
}
#rx.rx-bereit :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section::before { content: none; display: none; }

/* ---------- Kartenkopf (rx.js): leuchtendes Symbol links, Titel und Zeile rechts ---------- */
.rx-kartenkopf { display: flex; align-items: center; gap: 16px; text-align: left; }
.rx-kopf-texte { display: grid; gap: 3px; min-width: 0; }
.rx .rx-formtitel {
  margin: 0;
  padding: 0;
  font-family: var(--rx-serif);
  font-size: clamp(1.45rem, 2.6vw, 1.7rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.005em;
  color: #f7f2ff;
}
.rx-formzeile { font-size: 14px; line-height: 1.45; color: var(--rx-leise); }
.rx-kopf-symbol {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(167, 139, 250, 0.26), rgba(22, 13, 48, 0.82) 70%);
  box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.07), 0 0 38px rgba(167, 139, 250, 0.5), inset 0 0 16px rgba(232, 201, 106, 0.2);
  transition: box-shadow 0.6s;
}
.rx-kartenkopf.ist-komplett .rx-kopf-symbol { box-shadow: 0 0 0 6px rgba(232, 201, 106, 0.1), 0 0 46px rgba(232, 201, 106, 0.55), inset 0 0 18px rgba(232, 201, 106, 0.3); }

/* Fortschritt oben an der Karte */
.rx-fortschritt {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 0;
  z-index: 2;
  height: 2px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
  pointer-events: none;
}
.rx-fortschritt i {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #a78bfa, #e8c96a 60%, #fbe9b0);
  box-shadow: 0 0 12px rgba(232, 201, 106, 0.7);
  transition: width 0.8s var(--rx-weich);
}

/* ---------- Felder ---------- */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-row { gap: 10px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field { gap: 8px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field label {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-transform: none;
  color: rgba(240, 234, 255, 0.86);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .req { color: var(--rx-gold); margin-left: 3px; }

#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field input,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-display {
  width: 100%;
  height: 54px;
  padding: 0 16px;
  border-radius: 14px;
  background-color: var(--rx-feld);
  background-image: none;
  border: 1px solid var(--rx-linie);
  color: #f7f3ff;
  font-family: var(--rx-grotesk);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -12px 22px rgba(0, 0, 0, 0.14);
  transition: border-color 0.25s, box-shadow 0.25s, background-color 0.25s;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field input::placeholder { color: rgba(220, 208, 255, 0.42); opacity: 1; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field input:hover,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-display:hover { border-color: rgba(210, 190, 255, 0.34); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field input:focus,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel.open .csel-display,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-display:focus-visible {
  outline: none;
  border-color: rgba(232, 201, 106, 0.72);
  background-color: rgba(22, 13, 48, 0.78);
  box-shadow: 0 0 0 4px rgba(232, 201, 106, 0.12), 0 0 26px -6px rgba(232, 201, 106, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
/* Symbole in Vorname und Geburtsort */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-name, #arm-name-a, #arm-name-b, #astromap-name),
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-place, #arm-place-a, #arm-place-b, #astromap-place) {
  padding-left: 46px;
  background-image: var(--rx-i-person);
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: 19px 19px;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-place, #arm-place-a, #arm-place-b, #astromap-place) { background-image: var(--rx-i-pin); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-name, #arm-name-a, #arm-name-b, #astromap-name):focus { background-image: var(--rx-i-person-gold); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-place, #arm-place-a, #arm-place-b, #astromap-place):focus { background-image: var(--rx-i-pin-gold); }
/* Jahr ohne Pfeile */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-year, #arm-year-a, #arm-year-b) { -moz-appearance: textfield; appearance: textfield; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-year, #arm-year-a, #arm-year-b)::-webkit-outer-spin-button,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-year, #arm-year-a, #arm-year-b)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Gruppen-Koepfe (rx.js) statt der Einzel-Beschriftungen Tag/Monat/Jahr und Stunde/Minute */
.rx-gruppe {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-height: 17px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(240, 234, 255, 0.86);
}
.rx-gruppe-icon { display: inline-flex; color: #bba9ec; }
.rx-gruppe-icon svg { width: 16px; height: 16px; }
.rx-gruppe .req { margin-left: -5px !important; }
.rx-gruppe-zusatz { font-weight: 500; color: var(--rx-leise); }
#rx.rx-bereit .form-row-date > .form-field > label,
#rx.rx-bereit .rx-zeitreihe > .form-field > label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
#rx.rx-bereit .rx-zeitreihe .form-hint { display: none; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-row-date { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr) minmax(0, 1fr); gap: 8px 10px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .rx-zeitreihe { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 10px; }
.rx-hinweis { grid-column: 1 / -1; font-size: 12.5px; line-height: 1.5; color: var(--rx-leise); margin-top: 2px; }
.rx-zeit-aus .rx-hinweis { color: rgba(246, 227, 161, 0.85); }
.rx-zeit-aus .csel { opacity: 0.38; pointer-events: none; }

/* Schalter "Uhrzeit unbekannt" */
.rx .rx-unbekannt {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--rx-mittel);
  cursor: pointer;
  user-select: none;
}
.rx-unbekannt input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.rx-schalter {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: rgba(200, 180, 255, 0.16);
  border: 1px solid rgba(200, 180, 255, 0.28);
  transition: background 0.25s, border-color 0.25s;
  flex: none;
}
.rx-schalter::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ece6ff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s var(--rx-weich), background 0.25s;
}
.rx-unbekannt input:checked + .rx-schalter { background: rgba(232, 201, 106, 0.32); border-color: rgba(232, 201, 106, 0.7); }
.rx-unbekannt input:checked + .rx-schalter::after { transform: translateX(14px); background: #fbe9b0; }
.rx-unbekannt input:focus-visible + .rx-schalter { outline: 2px solid var(--rx-gold); outline-offset: 2px; }

/* ---------- Auswahllisten (Tag, Monat, Stunde, Minute) ---------- */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-display { justify-content: space-between; gap: 8px; cursor: pointer; white-space: nowrap; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel.rx-leer .csel-display { color: rgba(220, 208, 255, 0.46); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-display::after {
  content: '';
  flex: none;
  width: 14px;
  height: 14px;
  margin: 0;
  font-size: 0;
  opacity: 0.55;
  background: currentColor;
  -webkit-mask: var(--rx-i-pfeil) center / contain no-repeat;
  mask: var(--rx-i-pfeil) center / contain no-repeat;
  transition: transform 0.3s var(--rx-weich), opacity 0.25s;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel.open .csel-display::after { transform: rotate(180deg); opacity: 0.9; color: var(--rx-gold); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-list {
  top: calc(100% + 8px);
  margin: 0;
  padding: 6px;
  border-radius: 16px;
  background: linear-gradient(180deg, #1d1144, #130a2e);
  border: 1px solid rgba(210, 190, 255, 0.2);
  box-shadow: 0 26px 60px -12px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(200, 180, 255, 0.35) transparent;
  z-index: 300;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel.open .csel-list {
  display: grid;
  grid-template-columns: repeat(var(--rx-spalten, 1), minmax(0, 1fr));
  gap: 3px;
  animation: rx-einblenden 0.22s var(--rx-weich);
}
#rx :is(#csel-day, #csel-day-a, #csel-day-b, #astromap-csel-day) { --rx-spalten: 7; }
#rx :is(#csel-month, #csel-month-a, #csel-month-b, #astromap-csel-month) { --rx-spalten: 3; }
#rx :is(#csel-hour, #csel-hour-a, #csel-hour-b, #astromap-csel-hour) { --rx-spalten: 6; }
#rx :is(#csel-minute, #csel-minute-a, #csel-minute-b, #astromap-csel-minute) { --rx-spalten: 6; }
#rx :is(#csel-day, #csel-day-a, #csel-day-b, #astromap-csel-day) .csel-list { width: 300px; }
#rx :is(#csel-month, #csel-month-a, #csel-month-b, #astromap-csel-month) .csel-list { width: 318px; left: 50%; right: auto; margin-left: -159px; }
#rx :is(#csel-hour, #csel-hour-a, #csel-hour-b, #astromap-csel-hour) .csel-list { width: 288px; }
#rx :is(#csel-minute, #csel-minute-a, #csel-minute-b, #astromap-csel-minute) .csel-list { width: 288px; left: auto; right: 0; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-item {
  padding: 9px 4px;
  border: 0;
  border-radius: 10px;
  text-align: center;
  font-family: var(--rx-grotesk);
  font-size: 14px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: rgba(242, 236, 255, 0.9);
  transition: background 0.15s, color 0.15s;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-item[data-value=""] {
  grid-column: 1 / -1;
  text-align: left;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rx-leise);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-item:hover,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-item.rx-aktiv { background: rgba(167, 139, 250, 0.2); color: #fff; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-item.selected {
  background: linear-gradient(135deg, rgba(232, 201, 106, 0.3), rgba(232, 201, 106, 0.14));
  color: var(--rx-gold-hell);
  box-shadow: inset 0 0 0 1px rgba(232, 201, 106, 0.45);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-item.selected[data-value=""] { background: none; box-shadow: none; color: var(--rx-leise); }

/* ---------- Geburtsort ---------- */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-row-place { grid-template-columns: minmax(0, 1fr); }
/* Breiten- und Laengengrad bleiben fuer radix-app.js im Formular, sichtbar ist die Anzeige darunter */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-row-place > .form-field:not(:first-child) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .ac-results {
  top: calc(100% + 8px);
  margin: 0;
  padding: 6px;
  border-radius: 16px;
  background: linear-gradient(180deg, #1d1144, #130a2e);
  border: 1px solid rgba(210, 190, 255, 0.2);
  box-shadow: 0 26px 60px -12px rgba(0, 0, 0, 0.75);
  max-height: 290px;
  z-index: 300;
  scrollbar-width: thin;
  scrollbar-color: rgba(200, 180, 255, 0.35) transparent;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .ac-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  font-family: var(--rx-grotesk);
  font-size: 14.5px;
  color: rgba(242, 236, 255, 0.9);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .ac-item::before {
  content: '';
  flex: none;
  width: 15px;
  height: 15px;
  background: var(--rx-i-pin) center / contain no-repeat;
  opacity: 0.8;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .ac-item:hover,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .ac-item.rx-aktiv { background: rgba(167, 139, 250, 0.2); color: var(--rx-gold-hell); }
.rx-ort-zeile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-height: 22px;
}
.rx-koord-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 10px 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--rx-gold-hell);
  background: rgba(232, 201, 106, 0.1);
  border: 1px solid rgba(232, 201, 106, 0.3);
  animation: rx-einblenden 0.4s var(--rx-weich);
}
.rx-koord-chip[hidden] { display: none; }
.rx-koord-chip svg { width: 13px; height: 13px; }
.rx .rx-koord-link {
  margin-left: auto;
  padding: 2px 0;
  border: 0;
  background: none;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(201, 182, 255, 0.95);
  text-decoration: underline;
  text-decoration-color: rgba(201, 182, 255, 0.35);
  text-underline-offset: 3px;
  cursor: pointer;
}
.rx .rx-koord-link:hover { color: var(--rx-gold-hell); text-decoration-color: rgba(232, 201, 106, 0.6); }
/* Koordinatenfeld aus radix-app.js: eingeklappt, bis man es aufruft */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field-koord { display: none; }
#rx.rx-koord-offen :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field-koord { display: flex; animation: rx-einblenden 0.4s var(--rx-weich); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field-koord input { font-variant-numeric: tabular-nums; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #arm-koord-info { font-size: 12.5px !important; line-height: 1.5 !important; color: var(--rx-leise); opacity: 1 !important; }
/* Zeitzone (erst nach dem Berechnen gefuellt) */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field:has(> .tz-info:empty) { display: none; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tz-info { margin: 0; font-size: 12.5px; color: var(--rx-leise); }

/* ---------- Vorschau "Dein Himmel" (rx.js) ---------- */
.rx-vorschau { display: grid; gap: 10px; margin-top: 2px; }
.rx-vorschau-kopf {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rx-leise);
}
.rx-vorschau-kopf i { width: 7px; height: 7px; border-radius: 50%; background: #6ee7a8; animation: rx-puls 2.4s infinite; }
.rx-kacheln { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.rx-kachel {
  position: relative;
  min-height: 92px;
  padding: 12px 12px 11px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(200, 180, 255, 0.14);
  transition: border-color 0.45s, background 0.45s, box-shadow 0.45s;
}
.rx-kachel.ist-voll {
  border-color: rgba(232, 201, 106, 0.38);
  background: linear-gradient(160deg, rgba(232, 201, 106, 0.1), rgba(255, 255, 255, 0.02));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 28px -16px rgba(232, 201, 106, 0.45);
}
.rx-kachel.ist-neu { animation: rx-aufleuchten 1.1s var(--rx-weich); }
.rx-kachel-kopf {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(225, 215, 255, 0.62);
}
.rx-kachel-kopf svg { width: 14px; height: 14px; flex: none; }
.rx-kachel-sonne .rx-kachel-kopf svg { color: var(--rx-gold); }
.rx-kachel-mond .rx-kachel-kopf svg { color: #ddd4ff; }
.rx-kachel-asz .rx-kachel-kopf svg { color: #bba9ec; }
.rx-kachel-wert {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 6px;
  margin-top: 9px;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.25;
  color: #f7f3ff;
}
.rx-kachel-wert svg { width: 17px; height: 17px; flex: none; color: var(--rx-gold); }
.rx-kachel-mond .rx-kachel-wert svg { color: #e6e0ff; }
.rx-kachel-wert .rx-oder { font-weight: 500; color: var(--rx-leise); }
.rx-kachel-wert.ist-leer { color: var(--rx-leise); font-weight: 500; }
.rx-kachel-notiz { margin-top: 4px; font-size: 11.5px; line-height: 1.4; color: var(--rx-leise); }
.rx-kachel.ist-voll .rx-kachel-notiz { color: rgba(246, 227, 161, 0.78); }

/* ---------- Hinweis bei fehlenden Angaben ---------- */
#rx :is(#val-hint, #astromap-val-hint) {
  margin: 0;
  padding: 12px 14px 12px 42px;
  border-radius: 14px;
  font-family: var(--rx-grotesk);
  font-size: 13.5px;
  line-height: 1.45;
  color: #ffd6d6;
  background: rgba(255, 92, 92, 0.1) var(--rx-i-achtung) no-repeat 14px 50% / 18px 18px;
  border: 1px solid rgba(255, 120, 120, 0.34);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .field-error input,
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .field-error .csel-display {
  border-color: rgba(255, 120, 120, 0.85) !important;
  box-shadow: 0 0 0 4px rgba(255, 107, 107, 0.14) !important;
}

/* ---------- Knopf "Radix berechnen": Lila mit umlaufendem Goldrand wie auf den Analyse-Seiten ---------- */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-calc-btn, #astromap-submit) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  min-height: 70px;
  margin: 2px 0 0;
  padding: 12px 24px;
  border-radius: 18px;
  border: 1.5px solid transparent;
  background:
    linear-gradient(135deg, #6d28d9 0%, #8b5cf6 55%, #a78bfa 100%) padding-box,
    conic-gradient(from var(--rx-w), #a87a22, #fbe9b0, #e8c96a, #a87a22, #fbe9b0, #a87a22) border-box;
  color: #ffffff;
  font-family: var(--rx-grotesk);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(30, 10, 60, 0.35);
  box-shadow: 0 16px 44px -12px rgba(124, 58, 237, 0.85), 0 0 26px rgba(232, 201, 106, 0.2);
  animation: rx-umlauf 7s linear infinite;
  transition: transform 0.25s var(--rx-weich), box-shadow 0.3s, filter 0.3s;
  overflow: hidden;
  cursor: pointer;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-calc-btn, #astromap-submit):hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 56px -12px rgba(124, 58, 237, 1), 0 0 40px rgba(232, 201, 106, 0.42);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-calc-btn, #astromap-submit):active { transform: translateY(0) scale(0.99); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-calc-btn, #astromap-submit):focus-visible { outline: 2px solid var(--rx-gold); outline-offset: 3px; }
.rx-knopf-haupt { display: inline-flex; align-items: center; gap: 10px; }
.rx-knopf-haupt svg { width: 21px; height: 21px; flex: none; }
.rx-knopf-sub { font-size: 12.5px; font-weight: 500; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.84); }
:is(#arm-calc-btn, #astromap-submit).ist-am-rechnen .rx-knopf-haupt svg { animation: rx-kreisen 1.4s linear infinite; }
#rx:not(.rx-bereit) :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-calc-btn, #astromap-submit) { margin-top: 128px; }

/* ---------- Unter dem Knopf: Konto-Hinweis (profile-switcher.js) ---------- */
#rx #aps-public-slot { margin-top: 2px !important; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar {
  align-items: flex-start;
  margin: 0;
  padding: 14px;
  gap: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px dashed rgba(200, 180, 255, 0.24);
  font-family: var(--rx-grotesk);
  color: var(--rx-text);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-icon { background: rgba(232, 201, 106, 0.1); color: var(--rx-gold); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-label { color: var(--rx-leise); letter-spacing: 0.12em; font-weight: 700; font-size: 10.5px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-headline { color: #f7f2ff; font-size: 14px; font-weight: 600; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-sub { color: var(--rx-leise); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-actions { flex-wrap: wrap; align-self: center; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-primary {
  white-space: nowrap;
  background: rgba(167, 139, 250, 0.16);
  border: 1px solid rgba(200, 180, 255, 0.35);
  color: #f7f3ff;
  border-radius: 12px;
  font-family: var(--rx-grotesk);
  font-weight: 600;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-primary:hover { background: rgba(167, 139, 250, 0.28); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .aps-cta-bar .aps-cta-secondary { color: rgba(246, 227, 161, 0.88); }

/* Hinweis "Letzte Berechnung" (radix-app.js), von rx.js oben in die Karte gesetzt */
#rx #arm-restore-banner { margin: 0 !important; border-radius: 16px !important; background: rgba(28, 16, 58, 0.85) !important; }
#rx #arm-restore-yes { background: linear-gradient(135deg, #6d28d9, #8b5cf6) !important; }
#rx #arm-restore-yes:hover { filter: brightness(1.12); }

/* =====================================================================
   Ergebnis nach "Radix berechnen"
   ===================================================================== */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #result-section {
  position: relative;
  margin-top: clamp(36px, 5vw, 56px);
  padding: clamp(18px, 3.6vw, 40px) clamp(14px, 3.6vw, 40px) clamp(20px, 3.6vw, 40px);
  border-radius: 30px;
  background: var(--rx-karte-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 44px 100px -36px rgba(0, 0, 0, 0.8), 0 0 90px -24px rgba(124, 58, 237, 0.5);
  scroll-margin-top: 80px;
}
body.astro-light-theme #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #result-section { background: #faf8f4; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.6); }

/* Kopf des Ergebnisses (rx.js) */
.rx-ergebnis-kopf { display: grid; justify-items: center; gap: 10px; margin: 0 0 26px; text-align: center; }
.rx .rx-ergebnis-name { margin: 0; padding: 0; font-family: var(--rx-serif); font-weight: 400; font-size: clamp(1.7rem, 3.6vw, 2.4rem); line-height: 1.15; color: #f7f2ff; }
.rx-ergebnis-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 8px; }
.rx-ergebnis-meta span {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(240, 234, 255, 0.86);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.astro-light-theme .rx .rx-ergebnis-name { color: #2a2018; }
body.astro-light-theme .rx-ergebnis-meta span { color: #4a3d24; background: rgba(160, 124, 42, 0.06); border-color: rgba(160, 124, 42, 0.2); }

/* Reiter und Haeusersystem */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 8px;
  margin: 0 0 26px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--rx-mittel);
  font-family: var(--rx-grotesk);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  transition: color 0.25s, background 0.25s, border-color 0.25s, box-shadow 0.25s;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn::before {
  content: '';
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: var(--rx-i-rad) center / contain no-repeat;
  mask: var(--rx-i-rad) center / contain no-repeat;
  opacity: 0.85;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn[data-tab="tab-auswertung"]::before { -webkit-mask-image: var(--rx-i-liste); mask-image: var(--rx-i-liste); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn[data-tab="tab-transit"]::before { -webkit-mask-image: var(--rx-i-kalender); mask-image: var(--rx-i-kalender); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn:hover { color: #fff; border-color: rgba(255, 255, 255, 0.26); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn.active {
  color: #fff;
  background: linear-gradient(135deg, #6d28d9, #8b5cf6);
  border-color: rgba(232, 201, 106, 0.5);
  box-shadow: 0 8px 24px -8px rgba(124, 58, 237, 0.85);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .switcher-row { margin-left: auto; gap: 10px; padding: 0; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .switcher-label { font-family: var(--rx-grotesk); font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--rx-leise); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .pill-switch { padding: 3px; border-radius: 999px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .pill-switch button { padding: 6px 14px; border-radius: 999px; font-family: var(--rx-grotesk); font-size: 12.5px; font-weight: 600; color: var(--rx-mittel); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .pill-switch button.active { background: var(--rx-gold-verlauf); color: #1a1226; }

/* Radix-Grafik mit Lichthof; Hintergrund der Grafik durchsichtig (Export bleibt unveraendert) */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .chart-wrap { position: relative; max-width: 640px; margin: 0 auto 22px; overflow: visible; border-radius: 0; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .chart-wrap::before {
  content: '';
  position: absolute;
  inset: -4%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(124, 58, 237, 0.3), rgba(124, 58, 237, 0.08) 62%, rgba(124, 58, 237, 0) 78%);
  pointer-events: none;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .chart-wrap svg { position: relative; }
body:not(.astro-light-theme) #rx .arm-svg-chart > rect:first-child { fill: transparent; }

/* Export-Knoepfe */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .btn-row { gap: 10px; margin: 0 0 4px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .btn-row .btn {
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(232, 201, 106, 0.35);
  background: rgba(255, 255, 255, 0.04);
  color: var(--rx-gold-hell);
  font-family: var(--rx-grotesk);
  font-size: 13.5px;
  font-weight: 600;
  transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.25s;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .btn-row .btn::before {
  content: '';
  width: 15px;
  height: 15px;
  flex: none;
  background: currentColor;
  -webkit-mask: var(--rx-i-pdf) center / contain no-repeat;
  mask: var(--rx-i-pdf) center / contain no-repeat;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #btn-png::before { -webkit-mask-image: var(--rx-i-bild); mask-image: var(--rx-i-bild); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #btn-copy::before { -webkit-mask-image: var(--rx-i-kopie); mask-image: var(--rx-i-kopie); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .btn-row .btn:hover { background: rgba(232, 201, 106, 0.12); border-color: rgba(232, 201, 106, 0.6); color: #fff; }

/* Auswertung: Signatur, Tabellen, Aspekte, Figuren (Inline-Stile aus radix-chart.js) */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .data-box { margin-top: 30px; padding: 0; background: none; border: 0; }
body:not(.astro-light-theme) #rx #arm-data-container { font-variant-emoji: text; }
body:not(.astro-light-theme) #rx .arm-signatur-section > div:first-child {
  margin: 4px 0 18px !important;
  font-family: var(--rx-serif) !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-weight: 400;
  letter-spacing: -0.005em;
  color: #f7f2ff !important;
}
body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) { gap: 12px !important; }
body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div {
  max-width: none !important;
  padding: 22px 14px 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(232, 201, 106, 0.24) !important;
  background: linear-gradient(160deg, rgba(232, 201, 106, 0.09), rgba(255, 255, 255, 0.015) 60%), rgba(16, 10, 36, 0.6) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 34px -18px rgba(124, 58, 237, 0.7);
}
body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div > div:nth-child(1) {
  font-family: var(--rx-grotesk) !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.16em !important;
  color: var(--rx-leise) !important;
}
body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div > div:nth-child(2) {
  color: var(--rx-gold) !important;
  font-size: 40px !important;
  text-shadow: 0 0 22px rgba(232, 201, 106, 0.5);
}
body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div > div:nth-child(3) {
  font-family: var(--rx-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  color: #f7f2ff !important;
}
body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div > div:nth-child(4) { color: var(--rx-leise) !important; font-size: 12.5px !important; }

/* Kaesten der Auswertung */
body:not(.astro-light-theme) #rx #arm-data-container div:has(> .astro-section-heading) {
  margin-top: 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: var(--rx-kasten-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 44px -24px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}
body:not(.astro-light-theme) #rx #arm-data-container div:has(> .astro-fig-header) { padding: 0 0 12px !important; }
body:not(.astro-light-theme) #rx #arm-data-container .astro-section-heading {
  margin: 0 !important;
  padding: 16px 20px !important;
  font-family: var(--rx-serif) !important;
  font-size: 1.22rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #f7f2ff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body:not(.astro-light-theme) #rx #arm-data-container .astro-section-help { font-family: var(--rx-grotesk); font-size: 14px; color: var(--rx-mittel); background: rgba(255, 255, 255, 0.02); }
body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-hint { font-family: var(--rx-grotesk); color: rgba(246, 227, 161, 0.85); padding-left: 20px; }
body:not(.astro-light-theme) #rx #arm-data-container table { font-family: var(--rx-grotesk) !important; font-size: 14px !important; color: #f4effe !important; }
body:not(.astro-light-theme) #rx #arm-data-container th {
  padding: 12px 10px !important;
  font-family: var(--rx-grotesk) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: var(--rx-leise) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body:not(.astro-light-theme) #rx #arm-data-container tr.astro-deutung-trigger,
body:not(.astro-light-theme) #rx #arm-data-container tr.astro-deutung-row { background: transparent !important; }
body:not(.astro-light-theme) #rx #arm-data-container tr.astro-deutung-trigger > td { padding-top: 11px !important; padding-bottom: 11px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
body:not(.astro-light-theme) #rx #arm-data-container tr.astro-deutung-trigger:hover,
body:not(.astro-light-theme) #rx #arm-data-container tr.astro-deutung-trigger.is-open { background: rgba(167, 139, 250, 0.1) !important; }
body:not(.astro-light-theme) #rx #arm-data-container td[style*="monospace"] { font-family: var(--rx-grotesk) !important; font-size: 13.5px !important; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; color: var(--rx-mittel); }
body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-content { font-family: var(--rx-grotesk); background: rgba(255, 255, 255, 0.02); }
body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-readmore { font-family: var(--rx-grotesk); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: var(--rx-gold-hell); }
body:not(.astro-light-theme) #rx #arm-data-container .astro-section-info { color: var(--rx-gold); }

/* Aspekte: kompakt, eine Zeile je Aspekt, Farbe der Aspektart als Streifen und Pille (Farbe setzt rx.js) */
body:not(.astro-light-theme) #rx .astro-aspect-table th { text-align: left !important; padding: 10px 12px !important; }
body:not(.astro-light-theme) #rx .astro-aspect-table th:last-child { text-align: right !important; padding-right: 16px !important; }
body:not(.astro-light-theme) #rx .astro-aspect-table tr.astro-deutung-trigger > td { padding: 8px 12px !important; text-align: left !important; vertical-align: middle; }
body:not(.astro-light-theme) #rx .astro-aspect-table tr.astro-deutung-trigger > td:first-child { box-shadow: inset 3px 0 0 var(--rx-asp, transparent); padding-left: 16px !important; }
body:not(.astro-light-theme) #rx .astro-aspect-table tr.astro-deutung-trigger > td:last-child { text-align: right !important; padding-right: 14px !important; }
body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-item { flex-direction: row !important; justify-content: flex-start !important; align-items: center; gap: 8px !important; }
body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-symbol { flex: none; width: 18px; font-size: 16px !important; line-height: 1 !important; text-align: center; }
body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-label { font-size: 14px; font-weight: 500; color: #f4effe; }
body:not(.astro-light-theme) #rx .astro-aspect-table td:nth-child(2) .astro-aspect-item {
  display: inline-flex !important;
  padding: 4px 12px 4px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--rx-asp, #e8c96a) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--rx-asp, #e8c96a) 42%, transparent);
}
body:not(.astro-light-theme) #rx .astro-aspect-table td:nth-child(2) .astro-aspect-label { font-size: 13px; font-weight: 600; color: color-mix(in srgb, var(--rx-asp, #e8c96a) 45%, #ffffff); }
body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-orb { display: inline-flex !important; align-items: center; justify-content: flex-end !important; gap: 8px !important; font-weight: 600; font-variant-numeric: tabular-nums; }
body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-phase { display: inline !important; margin: 0 !important; font-size: 11.5px !important; font-weight: 500; color: var(--rx-leise); }

/* Aspektfiguren: Symbol der Figur, Planeten als Chips (rx.js) */
body:not(.astro-light-theme) #rx #arm-data-container .astro-fig-header { margin: 4px 16px 4px; padding: 8px 8px 8px; font-family: var(--rx-grotesk); letter-spacing: 0.14em; font-size: 10.5px; font-weight: 700; color: var(--rx-leise) !important; border-bottom-color: rgba(255, 255, 255, 0.08); }
body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-fig {
  margin: 6px 12px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  font-family: var(--rx-grotesk) !important;
  font-size: 14px !important;
  background: linear-gradient(100deg, color-mix(in srgb, var(--rx-fig, #e8c96a) 11%, transparent), rgba(255, 255, 255, 0.015) 55%) !important;
  border: 1px solid color-mix(in srgb, var(--rx-fig, #e8c96a) 26%, transparent);
}
body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-fig:hover,
body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-fig.is-open { background: linear-gradient(100deg, color-mix(in srgb, var(--rx-fig, #e8c96a) 18%, transparent), rgba(167, 139, 250, 0.06) 60%) !important; }
body:not(.astro-light-theme) #rx .astro-fig-col-name { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: #f7f2ff; }
.rx-fig-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--rx-fig, #e8c96a);
  background: color-mix(in srgb, var(--rx-fig, #e8c96a) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--rx-fig, #e8c96a) 40%, transparent);
  box-shadow: 0 0 18px -4px color-mix(in srgb, var(--rx-fig, #e8c96a) 60%, transparent);
}
.rx-fig-icon svg { width: 22px; height: 22px; }
body:not(.astro-light-theme) #rx .astro-fig-col-planets > .astro-fig-planets-text { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; white-space: normal; overflow: visible; }
.rx-fig-pl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px 3px 8px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(242, 236, 255, 0.92);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.rx-fig-pl i { font-style: normal; font-size: 13px; color: var(--rx-fig, #e8c96a); font-variant-emoji: text; }

/* Transite */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .transit-date-row {
  gap: 12px;
  margin: 0 0 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .transit-date-row label { font-family: var(--rx-grotesk) !important; font-size: 11.5px !important; font-weight: 700; letter-spacing: 0.14em !important; color: var(--rx-gold-hell) !important; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #transit-date {
  height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  background: var(--rx-feld);
  border: 1px solid var(--rx-linie);
  color: #f7f3ff;
  font-family: var(--rx-grotesk);
  font-size: 15px;
  font-weight: 500;
  color-scheme: dark;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #transit-date:focus { outline: none; border-color: rgba(232, 201, 106, 0.72); box-shadow: 0 0 0 4px rgba(232, 201, 106, 0.12); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #transit-btn {
  width: auto;
  height: 46px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid rgba(232, 201, 106, 0.5);
  background: linear-gradient(135deg, #6d28d9, #8b5cf6);
  color: #fff;
  font-family: var(--rx-grotesk);
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 10px 26px -10px rgba(124, 58, 237, 0.9);
}
body:not(.astro-light-theme) #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #transit-text {
  padding: 22px 24px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-family: var(--rx-grotesk);
  font-size: 15px;
  line-height: 1.75;
  color: var(--rx-mittel);
}
body.astro-light-theme #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #transit-date { background: #fff; color: #2a2018; border-color: rgba(160, 124, 42, 0.25); color-scheme: light; }

/* ---------- Hinweis zur Einzelanalyse: Buch, Funkeln, Sterne, hochzaehlende Zahlen (rx.js) ---------- */
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-wrap { margin-top: 34px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(.arm-cta-box, .astromap-cta-box) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(30px, 5vw, 48px) clamp(20px, 4.4vw, 52px);
  border-radius: 26px;
}
body:not(.astro-light-theme) #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(.arm-cta-box, .astromap-cta-box) {
  background:
    radial-gradient(60% 80% at 30% 0%, rgba(124, 58, 237, 0.36), rgba(124, 58, 237, 0) 70%),
    linear-gradient(160deg, rgba(232, 201, 106, 0.08), rgba(255, 255, 255, 0.015) 55%),
    rgba(16, 10, 36, 0.78);
  border: 1px solid rgba(232, 201, 106, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 30px 70px -30px rgba(0, 0, 0, 0.7), 0 0 60px -20px rgba(232, 201, 106, 0.3);
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(.arm-cta-box, .astromap-cta-box).rx-cta { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); align-items: center; text-align: left; }
.rx-cta-sterne { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.rx-cta-sterne::before {
  content: '';
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(30% 40% at 25% 45%, rgba(124, 58, 237, 0.32), rgba(124, 58, 237, 0) 70%),
    radial-gradient(28% 36% at 75% 60%, rgba(232, 201, 106, 0.14), rgba(232, 201, 106, 0) 70%);
  animation: rx-polarlicht 14s ease-in-out infinite alternate;
}
.rx-cta-sterne i {
  position: absolute;
  width: var(--g);
  height: var(--g);
  border-radius: 50%;
  background: #fff6dd;
  box-shadow: 0 0 6px 1px rgba(246, 215, 142, 0.8);
  animation: rx-funkeln var(--d) ease-in-out infinite;
  animation-delay: var(--v);
}
.rx-cta-text { min-width: 0; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-label { margin: 0 0 12px; font-family: var(--rx-grotesk); font-size: 11.5px; letter-spacing: 0.2em; color: var(--rx-gold); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-title { margin: 0 0 14px; font-family: var(--rx-serif); font-size: clamp(1.6rem, 3.2vw, 2.3rem); font-weight: 400; line-height: 1.18; }
body:not(.astro-light-theme) #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-title { color: #f7f2ff; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-grad {
  font-weight: 400;
  background: linear-gradient(100deg, #fbe9b0 0%, #e8c96a 30%, #c9b6ff 55%, #e8c96a 80%, #fbe9b0 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: rx-schimmer 7s ease-in-out infinite;
}
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-desc { margin: 0 0 22px; font-family: var(--rx-grotesk); font-size: 15px; line-height: 1.65; }
body:not(.astro-light-theme) #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-desc { color: var(--rx-mittel); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-stats { gap: clamp(18px, 4vw, 40px); margin-bottom: 26px; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .rx-cta .arm-cta-stats { justify-content: flex-start; }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-stat-num { font-family: var(--rx-serif); font-size: clamp(1.7rem, 3vw, 2.1rem); font-weight: 400; color: var(--rx-gold); font-variant-numeric: tabular-nums; text-shadow: 0 0 20px rgba(232, 201, 106, 0.35); }
#rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-btn {
  padding: 16px 34px;
  border-radius: 999px;
  border: 1.5px solid transparent;
  background:
    linear-gradient(135deg, #6d28d9 0%, #8b5cf6 55%, #a78bfa 100%) padding-box,
    conic-gradient(from var(--rx-w), #a87a22, #fbe9b0, #e8c96a, #a87a22, #fbe9b0, #a87a22) border-box;
  font-family: var(--rx-grotesk);
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 18px 48px -12px rgba(124, 58, 237, 0.95), 0 0 34px rgba(232, 201, 106, 0.3);
  animation: rx-umlauf 7s linear infinite;
}
/* Das Buch (wie auf den Analyse-Seiten): schwebt, Goldrand laeuft um, klappt auf, Licht und Funken steigen auf */
.rx-buch {
  position: relative;
  width: 172px;
  margin: 0 auto;
  perspective: 1600px;
  perspective-origin: 0% 50%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  animation: rx-schweben 6s ease-in-out infinite;
}
.rx-buch-schein {
  position: absolute;
  inset: -34% -62%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(232, 201, 106, 0.32), rgba(124, 58, 237, 0.18) 50%, rgba(124, 58, 237, 0) 74%);
  animation: rx-glimmen 5s ease-in-out infinite;
  pointer-events: none;
}
.rx-buch-b3 { position: relative; width: 100%; aspect-ratio: 2 / 3; transform-style: preserve-3d; transform: rotateY(-16deg) rotateX(6deg); transition: transform 0.9s var(--rx-weich); }
.rx-buch.ist-offen .rx-buch-b3 { transform: rotateY(-4deg) rotateX(3deg); }
.rx-buch-ruecken { position: absolute; inset: 0; border-radius: 4px 10px 10px 4px; background: #0b0920; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6); transform: translateZ(-14px); }
.rx-buch-seiten {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 3px;
  right: 5px;
  border-radius: 2px 6px 6px 2px;
  transform: translateZ(-7px);
  overflow: hidden;
  box-shadow: inset 0 0 26px rgba(120, 80, 20, 0.35);
  background: repeating-linear-gradient(180deg, rgba(150, 110, 40, 0) 0 11px, rgba(150, 110, 40, 0.13) 11px 12px), radial-gradient(70% 60% at 50% 45%, #fff6dc, #ecd9a8 70%, #d9bf80);
}
.rx-buch-seiten svg { position: absolute; left: 50%; top: 50%; width: 80%; transform: translate(-50%, -50%); opacity: 0.85; }
/* Inhaltsverzeichnis auf der aufgeschlagenen Seite (wie in den Buechern der Analyse-Seiten) */
.rx-buch-seiten.rx-toc { background: radial-gradient(75% 65% at 50% 42%, #fff8e4, #f0e0b8 70%, #dcc38a); }
.rx-buch-seiten.rx-toc svg { width: 92%; opacity: 1; }
.rx-buch-licht {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 380px;
  height: 380px;
  margin: -190px 0 0 -190px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transform: translateZ(-6px);
  background: radial-gradient(circle, rgba(255, 246, 214, 0.75), rgba(246, 214, 140, 0.32) 28%, rgba(232, 201, 106, 0.08) 52%, rgba(232, 201, 106, 0) 70%);
  transition: opacity 0.8s ease 0.15s;
}
.rx-buch.ist-offen .rx-buch-licht { opacity: 1; }
.rx-buch-deckel { position: absolute; inset: 0; transform-origin: left center; transform-style: preserve-3d; transition: transform 1.05s cubic-bezier(0.45, 0.05, 0.25, 1); }
.rx-buch.ist-offen .rx-buch-deckel { transform: rotateY(-108deg); }
.rx-buch-vorne, .rx-buch-innen { position: absolute; inset: 0; border-radius: 4px 10px 10px 4px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.rx-buch-vorne { overflow: hidden; box-shadow: 0 0 34px rgba(232, 201, 106, 0.3); }
.rx-buch-vorne svg { display: block; width: 100%; height: 100%; }
.rx-buch-vorne::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 14px; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(255, 255, 255, 0.06) 60%, rgba(0, 0, 0, 0)); }
.rx-buch-vorne::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  padding: 1.5px;
  pointer-events: none;
  background: conic-gradient(from var(--rx-w), rgba(232, 201, 106, 0.28) 0deg, rgba(232, 201, 106, 0.28) 250deg, #e8c96a 305deg, #fffaf0 335deg, #e8c96a 348deg, rgba(232, 201, 106, 0.28) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  filter: drop-shadow(0 0 3px rgba(246, 214, 140, 0.7));
  animation: rx-umlauf 4.5s linear infinite;
}
.rx-buch-innen { transform: rotateY(180deg); background: linear-gradient(90deg, #120e2c, #1d1642); box-shadow: inset 0 0 0 8px rgba(232, 201, 106, 0.08); }
.rx-buch-funken { position: absolute; inset: -30px -40px; pointer-events: none; }
.rx-buch-funken i { position: absolute; bottom: 42%; left: var(--x); width: 4px; height: 4px; border-radius: 50%; background: #fff3c4; box-shadow: 0 0 8px 2px rgba(246, 214, 140, 0.9); opacity: 0; }
.rx-buch.ist-offen .rx-buch-funken i { animation: rx-buch-funke 2.6s ease-out infinite; animation-delay: var(--v); }
@keyframes rx-buch-funke { 0% { opacity: 0; transform: translate(0, 0) scale(0.6); } 20% { opacity: 1; } 70% { opacity: 0.8; } 100% { opacity: 0; transform: translate(var(--dx), -150px) scale(1); } }

/* Profil uebernehmen (eingeloggt) und Hinweis zu Haeusern am Polarkreis */
body:not(.astro-light-theme) #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-profile-save-wrap { border-radius: 18px; border-color: rgba(232, 201, 106, 0.28); background: rgba(232, 201, 106, 0.05); }
#rx #arm-fallback-banner { border-radius: 14px !important; font-family: var(--rx-grotesk) !important; }

/* =====================================================================
   Was die Radix zeigt
   ===================================================================== */
.rx-wissen { padding: clamp(46px, 7vw, 96px) 0 clamp(90px, 11vw, 140px); }
.rx-wissen-kopf { text-align: center; max-width: 720px; margin: 0 auto clamp(28px, 4vw, 46px); }
.rx .rx-h2 { margin: 18px 0 0; padding: 0; font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1.12; letter-spacing: -0.01em; }
.rx-karten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rx-karte {
  padding: 24px 20px 22px;
  border-radius: 22px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012) 55%), rgba(16, 10, 36, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 20px 50px rgba(0, 0, 0, 0.3);
  transition: transform 0.4s var(--rx-weich), border-color 0.4s;
}
.rx-karte:hover { transform: translateY(-4px); border-color: rgba(232, 201, 106, 0.3); }
.rx-karte-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 16px;
  border-radius: 14px;
  color: var(--rx-gold);
  background: rgba(232, 201, 106, 0.1);
  border: 1px solid rgba(232, 201, 106, 0.28);
}
.rx-karte-icon svg { width: 24px; height: 24px; }
.rx .rx-karte h3 { font-size: 1.32rem; font-weight: 400; line-height: 1.2; margin: 0 0 8px; color: #f7f2ff; }
.rx .rx-karte p { font-size: 14.5px; line-height: 1.6; color: var(--rx-mittel); margin: 0; }
.rx-weiter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 26px;
  max-width: 780px;
  margin: clamp(28px, 4vw, 44px) auto 0;
  padding: 22px 26px;
  border-radius: 22px;
  background: rgba(232, 201, 106, 0.06);
  border: 1px solid rgba(232, 201, 106, 0.22);
}
.rx .rx-weiter p { flex: 1 1 320px; margin: 0; font-size: 15px; line-height: 1.6; color: var(--rx-mittel); }
.rx .rx-weiter-knopf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 14.5px;
  font-weight: 700;
  color: #1a1226;
  text-decoration: none;
  background: var(--rx-gold-verlauf);
  box-shadow: 0 10px 28px -10px rgba(232, 201, 106, 0.7);
  transition: transform 0.25s var(--rx-weich), box-shadow 0.25s;
}
.rx .rx-weiter-knopf:hover { transform: translateY(-2px); box-shadow: 0 14px 34px -10px rgba(232, 201, 106, 0.9); color: #1a1226; }

/* Banner unten (Kombin: Partneranalyse, Karte: Kraftortanalyse): ganzer Kasten klickbar, Buch links (klappt beim
   ersten Anblick und beim Drueberfahren auf), Sterne und Polarlicht, umlaufender Goldrand, Titel mit Schimmer;
   rechts im Hintergrund Linien der Karte, die sich zeichnen, bzw. zwei Sterne, die einander umkreisen */
.rx-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: 212px minmax(0, 1fr);
  gap: clamp(22px, 3.6vw, 44px);
  align-items: center;
  max-width: 980px;
  margin: clamp(30px, 4.4vw, 50px) auto 0;
  padding: clamp(28px, 4.4vw, 44px) clamp(22px, 5vw, 56px);
  border-radius: 30px;
  background:
    radial-gradient(60% 90% at 22% 0%, rgba(124, 58, 237, 0.42), rgba(124, 58, 237, 0) 70%),
    radial-gradient(50% 80% at 100% 100%, rgba(232, 201, 106, 0.12), rgba(232, 201, 106, 0) 70%),
    linear-gradient(160deg, rgba(232, 201, 106, 0.07), rgba(255, 255, 255, 0.01) 55%),
    rgba(16, 10, 36, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 40px 90px -40px rgba(0, 0, 0, 0.9), 0 0 90px -30px rgba(232, 201, 106, 0.4);
  transition: transform 0.5s var(--rx-weich), box-shadow 0.5s;
}
.rx-banner:hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 46px 100px -40px rgba(0, 0, 0, 0.9), 0 0 110px -26px rgba(232, 201, 106, 0.55); }
.rx-banner .rx-cta-sterne { z-index: -2; }
.rx-banner-buch { position: relative; z-index: 1; }
.rx-banner-buch .rx-buch { width: 174px; margin: 0 0 0 38px; }
.rx-banner-inhalt { position: relative; z-index: 1; min-width: 0; max-width: 560px; }
.rx-banner-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--rx-gold);
}
.rx-banner-kicker::before, .rx-banner-kicker::after { content: ''; width: 22px; height: 1px; background: linear-gradient(90deg, rgba(232, 201, 106, 0), rgba(232, 201, 106, 0.9)); }
.rx-banner-kicker::after { transform: scaleX(-1); }
.rx .rx-banner-titel { margin: 0 0 12px; padding: 0; font-family: var(--rx-serif); font-size: clamp(1.7rem, 3.6vw, 2.5rem); font-weight: 400; line-height: 1.14; letter-spacing: -0.01em; color: #f7f2ff; }
.rx .rx-banner-inhalt p { margin: 0 0 24px; font-size: 15.5px; line-height: 1.65; color: var(--rx-mittel); }
.rx .rx-banner-knopf { padding: 15px 28px; font-size: 15.5px; }
.rx .rx-banner-knopf svg { width: 18px; height: 18px; transition: transform 0.3s var(--rx-weich); }
.rx-banner:hover .rx-banner-knopf svg { transform: translateX(4px); }
/* Der ganze Kasten fuehrt zur Analyse */
.rx .rx-banner-knopf::after { content: ''; position: absolute; inset: 0; }
.rx-banner .rx-banner-knopf { position: static; }
.rx-banner .rx-banner-knopf::after { z-index: 3; border-radius: 30px; }
.rx-banner .rx-banner-knopf::before { display: none; }
.rx-banner .rx-banner-knopf { background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 60%), var(--rx-gold-verlauf); background-size: 300% 100%, 100% 100%; background-position: 160% 0, 0 0; animation: rx-knopf-glanz 5s ease-in-out infinite; }
@keyframes rx-knopf-glanz { 0%, 60% { background-position: 160% 0, 0 0; } 90%, 100% { background-position: -60% 0, 0 0; } }
.rx-banner .rx-banner-knopf:focus-visible { outline: 2px solid var(--rx-gold); outline-offset: 4px; }
/* Hintergrund rechts: Linien der Karte (zeichnen sich, Licht laeuft darauf) */
.rx-banner-deko { position: absolute; right: -40px; top: 0; bottom: 0; width: 56%; z-index: -1; pointer-events: none; opacity: 0.75; -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); }
.rx-banner-deko svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.rx-banner-linie { fill: none; stroke: var(--c); stroke-width: 1.6; stroke-linecap: round; opacity: 0.8; stroke-dasharray: 1; stroke-dashoffset: 1; }
.rx-banner-linie-schein { fill: none; stroke: var(--c); stroke-width: 7; stroke-linecap: round; opacity: 0.16; stroke-dasharray: 1; stroke-dashoffset: 1; }
.rx-banner.ist-gesehen :is(.rx-banner-linie, .rx-banner-linie-schein) { animation: rx-zeichnen 2.6s var(--rx-weich) both; animation-delay: var(--v); }
.rx-banner-licht { fill: none; stroke: #fffaf0; stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 0.06 0.94; stroke-dashoffset: 1; opacity: 0; filter: drop-shadow(0 0 4px var(--c)); }
.rx-banner.ist-gesehen .rx-banner-licht { animation: rx-licht-lauf 5.5s linear infinite; animation-delay: calc(var(--v) + 2.4s); }
@keyframes rx-licht-lauf { 0% { stroke-dashoffset: 1; opacity: 0; } 8% { opacity: 1; } 70% { opacity: 1; } 80%, 100% { stroke-dashoffset: -0.1; opacity: 0; } }
.rx-banner-ort { fill: #fffaf0; transform-box: fill-box; transform-origin: center; }
.rx-banner-ort-ring { fill: none; stroke: #f6e3a1; stroke-width: 1.4; transform-box: fill-box; transform-origin: center; opacity: 0; }
.rx-banner.ist-gesehen .rx-banner-ort-ring { animation: rx-ort-puls 2.8s ease-out infinite; animation-delay: var(--v); }
@keyframes rx-ort-puls { 0% { opacity: 0.9; transform: scale(0.4); } 100% { opacity: 0; transform: scale(3.2); } }
@media (max-width: 760px) {
  .rx-banner { grid-template-columns: minmax(0, 1fr); text-align: center; gap: 24px; }
  .rx-banner-buch .rx-buch { width: 140px; margin: 0 auto; }
  .rx-banner-inhalt { max-width: none; }
  .rx-banner-deko { width: 100%; right: 0; opacity: 0.4; -webkit-mask-image: linear-gradient(180deg, transparent, #000 60%); mask-image: linear-gradient(180deg, transparent, #000 60%); }
}

/* ---------- Schmale Fenster ---------- */
@media (max-width: 1000px) {
  .rx-karten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(.arm-cta-box, .astromap-cta-box).rx-cta { grid-template-columns: minmax(0, 1fr); text-align: center; gap: 30px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .rx-cta .arm-cta-stats { justify-content: center; }
  .rx-buch { width: 132px; margin-top: 6px; }
}
@media (max-width: 600px) {
  .rx-wrap { width: calc(100% - 24px); }
  .rx .rx-merkmale { gap: 6px 14px; }
  .rx .rx-merkmale li { font-size: 12.5px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section { border-radius: 24px; padding-left: 16px; padding-right: 16px; gap: 18px; }
  .rx-fortschritt { left: 22px; right: 22px; }
  .rx-kartenkopf { gap: 13px; }
  .rx-kopf-symbol { width: 54px; height: 54px; }
  .rx .rx-formtitel { font-size: 1.35rem; }
  .rx-formzeile { font-size: 13px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-row-date { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: 8px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .rx-zeitreihe { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-field input,
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .csel-display { height: 52px; padding: 0 12px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-name, #arm-name-a, #arm-name-b, #astromap-name),
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-place, #arm-place-a, #arm-place-b, #astromap-place) { padding-left: 42px; background-position: 13px 50%; }
  #rx :is(#csel-day, #csel-day-a, #csel-day-b, #astromap-csel-day) .csel-list { width: min(300px, calc(100vw - 56px)); }
  #rx :is(#astromap-csel-year, .rx-jahr-csel) .csel-list { width: min(300px, calc(100vw - 56px)); }
  #rx :is(#csel-month, #csel-month-a, #csel-month-b, #astromap-csel-month) .csel-list { width: min(318px, calc(100vw - 40px)); margin-left: calc(min(318px, calc(100vw - 40px)) / -2); }
  .rx-kacheln { gap: 6px; }
  .rx-kachel { padding: 10px 9px; min-height: 88px; border-radius: 14px; }
  .rx-kachel-kopf { font-size: 9.5px; letter-spacing: 0.1em; gap: 5px; }
  .rx-kachel-wert { font-size: 14px; gap: 2px 5px; }
  .rx-kachel-wert svg { width: 15px; height: 15px; }
  .rx-kachel-notiz { font-size: 11px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) #result-section { border-radius: 24px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-bar { gap: 8px 6px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .tab-btn { padding: 9px 13px; font-size: 13px; gap: 6px; }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .switcher-row { margin-left: 0; }
  body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div { min-width: 0 !important; padding: 16px 8px 14px !important; }
  body:not(.astro-light-theme) #rx .arm-signatur-section > div:nth-child(2) > div > div:nth-child(2) { font-size: 32px !important; }
  /* Aspekte am Handy: Zeichen ueber dem Namen, Pille ohne Rand-Polster */
  body:not(.astro-light-theme) #rx .astro-aspect-table tr.astro-deutung-trigger > td { padding: 8px 4px !important; }
  body:not(.astro-light-theme) #rx .astro-aspect-table tr.astro-deutung-trigger > td:first-child { padding-left: 10px !important; }
  body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-item { flex-direction: column !important; align-items: flex-start; gap: 2px !important; }
  body:not(.astro-light-theme) #rx .astro-aspect-table td:nth-child(2) .astro-aspect-item { flex-direction: row !important; padding: 3px 8px 3px 6px; gap: 4px !important; }
  body:not(.astro-light-theme) #rx .astro-aspect-table td:nth-child(2) .astro-aspect-label { font-size: 11.5px; }
  body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-label { font-size: 13px; }
  body:not(.astro-light-theme) #rx .astro-aspect-table .astro-aspect-orb { flex-wrap: wrap; gap: 2px 6px !important; }
  body:not(.astro-light-theme) #rx #arm-data-container .astro-deutung-fig { margin: 6px 8px !important; padding: 10px !important; }
  body:not(.astro-light-theme) #rx .astro-fig-col-planets > .astro-fig-planets-text { justify-content: flex-start; }
  .rx-fig-icon { width: 32px; height: 32px; border-radius: 10px; }
  .rx-fig-icon svg { width: 19px; height: 19px; }
  .rx-karten { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .rx-karte { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; padding: 18px 16px; }
  .rx-karte-icon { grid-row: span 2; margin: 0; }
  .rx .rx-karte h3 { font-size: 1.2rem; margin: 2px 0 4px; }
  .rx .rx-karte p { font-size: 14px; }
  .rx-weiter { padding: 20px; text-align: center; }
  .rx .rx-weiter p { text-align: center; }
}
@media (max-width: 380px) {
  .rx-kachel-kopf { letter-spacing: 0.06em; }
  .rx-kachel-wert { font-size: 13px; }
}

/* =====================================================================
   Handy und Tablet (Touch): Sparmodus fuer fluessiges Scrollen (08.10.2026)
   Effekte, die das Handy bei jedem Bild neu malen muss (umlaufende Raender, Schimmer, Funkeln, Weichzeichner hinter
   grossen Flaechen), liessen es ruckeln; beim schnellen Scrollen blieben Felder leer, weil der Grafikspeicher nicht
   reichte. Hier stehen sie still oder fallen weg; der Tierkreis im Kopf dreht sich weiter.
   ===================================================================== */
@media (hover: none) and (pointer: coarse) {
  /* kein Weichzeichner hinter Formular, Kaesten und Kartenknoepfen, dafuer etwas deckender (Karte: ihr festes Lila) */
  .rx:not(.rx-mit-erde) { --rx-karte-bg: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0.03)), rgba(18, 11, 40, 0.94); }
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--rx-karte-bg);
  }
  .rx .rx-deko { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .rx-zerfall { filter: none !important; }
  :is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) :is(.leaflet-control-zoom, .leaflet-control-basemap, .leaflet-control-fullscreen a) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(20, 13, 44, 0.95) !important;
  }
  /* Raender, Glanz, Schimmer, Funkeln und Schweben stehen still */
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .form-section::after,
  #rx #astro-kombin-partnerbox::after, .rx-banner::after, #rx #astromantie-astromap-widget .map-frame-wrap::after,
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) :is(#arm-calc-btn, #astromap-submit),
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-btn,
  #rx :is(#astromantie-radix-widget, #astromantie-astromap-widget) .arm-cta-grad,
  .rx-buch-vorne::after, .rx-pb-grad, .rx-banner-grad, #rx #astro-kombin-partnerbox .akp-knopf::before, .rx .rx-banner-knopf::before,
  .rx-banner .rx-banner-knopf, .rx-cta-sterne::before, .rx-cta-sterne i, .rx-buch, .rx-buch-schein, .rx-buehne::before,
  .rx-banner.ist-gesehen .rx-banner-licht, .rx-banner.ist-gesehen .rx-banner-ort-ring,
  .rx-vorschau-kopf i, .rx-j-live, #rx .btn-shimmer, .rx-ring-a, .rx-ring-b, .rx-ring-funke { animation: none !important; }
  #rx .btn-shimmer { display: none; }
  #rx #astromantie-radix-widget #arm-calc-btn.ist-frei { animation: rx-frei 1.3s ease-out !important; }
  .rx-buehne::before { transform: translateX(-50%); opacity: 0.85; height: 520px; }
  .rx-cta-sterne i { opacity: 0.55; }
  .rx-buch-schein { opacity: 0.75; }
}

@media (prefers-reduced-motion: reduce) {
  .rx *, .rx *::before, .rx *::after { animation: none !important; transition: none !important; }
}

/* =====================================================================
   Karte ohne lila Rahmen (Tobias 10.10.2026): die Karte fuellt ihren Kasten ganz aus, die Themen-Leiste
   (Ort pruefen, Liebe, Erfolg und Geld …, js/rx.js schiebt sie in den Kartenrahmen) liegt oben IN der Karte,
   das Vollbild nimmt den ganzen Browser ein. Die Leisten mit den Planetenzeichen liegen durchsichtig auf dem
   Kartenrand wie in der App (astromap-app.js rechnet weiter mit 26 px, oben und unten darum -26 px).
   ===================================================================== */
#rx #astromantie-astromap-widget .map-frame-wrap {
  display: block;
  overflow: hidden;
  border-radius: 22px;
  background: #0c0820;
  box-shadow: 0 34px 80px -36px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(232, 201, 106, 0.32);
}
#rx #astromantie-astromap-widget .map-frame-wrap::after { display: none; }
#rx #astromantie-astromap-widget .map-frame-middle { display: block; }
#rx #astromantie-astromap-widget .map-container { border-radius: 0; box-shadow: none; }
#rx #astromantie-astromap-widget #astromap-map { border-radius: 0; height: min(74vh, 700px) !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-edge {
  position: absolute !important;
  z-index: 450;
  display: block !important;
  margin: 0;
  padding: 0;
  pointer-events: none;
  background: none !important;
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) #astromap-frame-top { top: 4px; left: -26px; right: -26px; width: auto; height: 26px; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) #astromap-frame-bottom { bottom: 4px; left: -26px; right: -26px; width: auto; height: 26px; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) #astromap-frame-left { top: 0; bottom: 0; left: 4px; width: 26px; height: auto; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) #astromap-frame-right { top: 0; bottom: 0; right: 4px; width: 26px; height: auto; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .frame-sym {
  pointer-events: auto;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
  background: rgba(13, 10, 38, 0.78);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 2px 8px rgba(0, 0, 0, 0.45);
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .frame-conn { display: none; }
/* Auge (js/rx.js): Planetenzeichen am Rand nur, wenn eingeschaltet; Standard aus */
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .frame-unit { transition: opacity 0.3s ease, visibility 0.3s; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap:not(.rx-zeichen-an) .frame-unit { opacity: 0; visibility: hidden; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge-feld { margin-bottom: 8px !important; border: 0 !important; background: none !important; box-shadow: none !important; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(232, 201, 106, 0.4);
  border-radius: 14px;
  background: rgba(20, 13, 44, 0.86);
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #f6e3a1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge:hover { background: rgba(48, 32, 94, 0.92); color: #fffaf0; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge .rx-auge-strich { transition: opacity 0.2s; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge.ist-an { border-color: rgba(251, 233, 176, 0.75); box-shadow: 0 0 18px rgba(232, 201, 106, 0.35), 0 14px 30px -12px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.1); color: #fffaf0; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge.ist-an .rx-auge-strich { opacity: 0; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .rx-auge:focus-visible { outline: 2px solid #e8c96a; outline-offset: 2px; }

/* Themen-Leiste in der Karte: oben, ueber den Kartenebenen, waagerecht wischbar */
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools {
  position: absolute;
  top: 32px;
  left: 34px;
  right: 34px;
  z-index: 1001;
  margin: 0;
  pointer-events: none;
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools > * { pointer-events: auto; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools .amc-row { padding: 2px; }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools .amc-chip {
  background: rgba(16, 10, 36, 0.86);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools .amc-chip[aria-pressed="true"] { background: linear-gradient(180deg, #f2d890, #d8b05a); }
:is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools .amc-search {
  margin-top: 8px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(16, 10, 36, 0.94);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(232, 201, 106, 0.25);
}

/* Vollbild ueber den ganzen Browser, ohne Rahmen und Abstand */
html body #astromap-fullscreen-overlay { padding: 0 !important; background: #06030d; }
html body #astromap-fullscreen-overlay .map-frame-wrap.fullscreen {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #06030d;
}
html body #astromap-fullscreen-overlay .map-frame-middle { position: absolute; inset: 0; display: block; }
html body #astromap-fullscreen-overlay .map-container { position: absolute; inset: 0; border-radius: 0; box-shadow: none; }
html body #astromap-fullscreen-overlay .map-frame-wrap.fullscreen #astromap-map { width: 100% !important; height: 100% !important; border-radius: 0; }
html body #astromap-fullscreen-close { top: max(14px, env(safe-area-inset-top)); right: 14px; z-index: 1003; }
/* Solange das Vollbild offen ist, rollt die Seite dahinter nicht (keine Bildlaufleiste ueber der Karte) */
html:has(#astromap-fullscreen-overlay), html:has(#astromap-fullscreen-overlay) body { overflow: hidden !important; }
html body #astromap-fullscreen-overlay .map-frame-wrap > #amc-tools { top: max(32px, calc(env(safe-area-inset-top) + 18px)); right: 72px; }

@media (max-width: 600px) {
  #rx #astromantie-astromap-widget .map-frame-wrap { border-radius: 18px; }
  #rx #astromantie-astromap-widget #astromap-map { height: 68svh !important; }
  :is(#rx #astromantie-astromap-widget, html body #astromap-fullscreen-overlay) .map-frame-wrap > #amc-tools { left: 28px; right: 28px; }
  html body #astromap-fullscreen-overlay .map-frame-wrap > #amc-tools { right: 64px; }
  html body #astromap-fullscreen-overlay { padding: 0 !important; }
}