/* Laenderhoroskope: das Werkzeug des Plugins auf der neuen Seite (09.10.2026). Aufbau bleibt (land-style.css, land-app.js),
   Rahmen, Karten, Felder, Knoepfe und der Kaufkasten wie beim Mondkalender (mk.css), wie bei Dein perfekter Moment
   (css/mo-app.css). Bezug body.ld-seite; Kopf des Plugins faellt weg, die Seite traegt ihren eigenen. */

body.ld-seite .astro-land-container {
  --ld-gold: #e8c886; --ld-gold-hell: #f6e3b4; --ld-text: #f1eaf8; --ld-text-2: rgba(236, 228, 248, 0.8); --ld-text-3: rgba(236, 228, 248, 0.58);
  --ld-rand: rgba(170, 140, 255, 0.2); --ld-rand-2: rgba(196, 172, 255, 0.36);
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
}

/* ===== Kopf des Plugins weg (die Seite traegt ihren eigenen) ===== */
body.ld-seite.ld-eigener-kopf #astro-land-page-root > .astro-hero { display: none !important; }

/* ===== Regionen (wie die Reiter der Analyse-Seiten, Gold fuer die Wahl) ===== */
body.ld-seite .astro-land-container .astro-land-filter-pills { gap: 10px !important; margin-bottom: 22px !important; }
body.ld-seite .astro-land-container .astro-land-pill { font-family: 'Hanken Grotesk', system-ui, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; padding: 10px 20px !important;
  border-radius: 999px !important; border: 1px solid var(--ld-rand-2) !important; background: rgba(20, 14, 46, 0.72) !important; color: var(--ld-text-2) !important; }
body.ld-seite .astro-land-container .astro-land-pill:hover { border-color: rgba(232, 200, 134, 0.6) !important; color: #fff !important; }
body.ld-seite .astro-land-container .astro-land-pill.active { color: var(--ld-gold-hell) !important; background: rgba(232, 200, 134, 0.12) !important; border-color: rgba(232, 200, 134, 0.75) !important;
  box-shadow: 0 0 24px rgba(232, 200, 134, 0.18) !important; }

/* ===== Karten (wie .mk-karte) ===== */
body.ld-seite .astro-land-container .astro-land-featured-card,
body.ld-seite .astro-land-container .alx,
body.ld-seite .astro-land-container .astro-land-detail,
body.ld-seite .astro-land-container .astro-land-disclaimer {
  border-radius: 24px !important; background: linear-gradient(158deg, rgba(43, 30, 84, 0.9), rgba(17, 12, 38, 0.93)) !important; border: 1px solid var(--ld-rand) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 18px 40px rgba(150, 120, 230, 0.06), 0 24px 60px rgba(3, 2, 14, 0.55) !important;
}
body.ld-seite .astro-land-container .alx { padding: 10px 0 18px; }
body.ld-seite .astro-land-container .astro-land-featured-name,
body.ld-seite .astro-land-container .alx-cid h1 { font-family: 'Fraunces', serif !important; font-weight: 500 !important; color: var(--ld-gold-hell) !important; letter-spacing: 0 !important; }
body.ld-seite .astro-land-container .astro-land-featured-badge { padding: 4px 11px !important; border-radius: 999px !important; background: rgba(143, 220, 156, 0.14) !important; border: 1px solid rgba(143, 220, 156, 0.5) !important;
  color: #8fdc9c !important; font-size: 0.72rem !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: uppercase; }
body.ld-seite .astro-land-container .astro-land-featured-text { color: var(--ld-text-2) !important; }

/* ===== Felder in den Karten (wie .mk-fakten li) ===== */
body.ld-seite .astro-land-container .astro-land-meta-chip,
body.ld-seite .astro-land-container .astro-land-highlight,
body.ld-seite .astro-land-container .alx-sig,
body.ld-seite .astro-land-container .alx-meta,
body.ld-seite .astro-land-container .astro-land-aspect-item,
body.ld-seite .astro-land-container .astro-land-axis-card {
  border-radius: 16px !important; background: rgba(255, 255, 255, 0.035) !important; border: 1px solid rgba(190, 165, 255, 0.12) !important; box-shadow: none !important;
}
body.ld-seite .astro-land-container .astro-land-meta-chip-label,
body.ld-seite .astro-land-container .astro-land-highlight-label,
body.ld-seite .astro-land-container .alx-sig .lab,
body.ld-seite .astro-land-container .alx-meta dt { color: var(--ld-text-3) !important; letter-spacing: 0.12em !important; }
body.ld-seite .astro-land-container .astro-land-meta-chip-value,
body.ld-seite .astro-land-container .alx-meta dd { color: var(--ld-text) !important; }
body.ld-seite .astro-land-container .astro-land-highlight-value,
body.ld-seite .astro-land-container .alx-sig .nm { color: var(--ld-gold-hell) !important; font-family: 'Fraunces', serif !important; font-weight: 500 !important; }
body.ld-seite .astro-land-container .astro-land-highlight-symbol,
body.ld-seite .astro-land-container .alx-sig .gly { color: var(--ld-gold) !important; }

/* ===== Abschnitte der Detailansicht und der Epochen: flache Liste in der Karte, Titel in Fraunces ===== */
body.ld-seite .astro-land-container .alx-sec { border-color: rgba(190, 165, 255, 0.14) !important; }
body.ld-seite .astro-land-container .alx-sec-h .t { font-family: 'Fraunces', serif !important; font-weight: 500 !important; letter-spacing: 0.2em !important; color: #d9cbf7 !important; }
body.ld-seite .astro-land-container .alx-sec.open { border-left-color: var(--ld-gold) !important; }
body.ld-seite .astro-land-container .alx-sec.open .alx-sec-h .t { color: var(--ld-gold-hell) !important; }
body.ld-seite .astro-land-container .alx-sec-ic { color: var(--ld-gold) !important; }
body.ld-seite .astro-land-container .alx-p { color: var(--ld-text-2) !important; font-size: 0.98rem !important; line-height: 1.75 !important; }
body.ld-seite .astro-land-container .alx-back { border-radius: 999px !important; border: 1px solid var(--ld-rand-2) !important; background: rgba(20, 14, 46, 0.72) !important; color: var(--ld-gold) !important; }
body.ld-seite .astro-land-container .alx-tbl tbody tr.alx-tr:nth-of-type(odd) { background: rgba(255, 255, 255, 0.035) !important; }

/* Die Zeitqualitaet unserer Epoche: eigene Karte wie im Mondkalender */
body.ld-seite .astro-land-container .alx-epochen {
  margin: 0 0 26px !important; padding: 26px 0 14px !important; border-radius: 24px !important;
  background: linear-gradient(158deg, rgba(43, 30, 84, 0.9), rgba(17, 12, 38, 0.93)) !important; border: 1px solid var(--ld-rand) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 18px 40px rgba(150, 120, 230, 0.06), 0 24px 60px rgba(3, 2, 14, 0.55) !important;
}
body.ld-seite .astro-land-container .alx-trio-titel { font-family: 'Fraunces', serif !important; font-weight: 300 !important; color: var(--ld-text) !important; letter-spacing: -0.01em !important; text-transform: none !important; }
body.ld-seite .astro-land-container .alx-epochen-intro { color: var(--ld-text-2) !important; }
body.ld-seite .astro-land-container .astro-land-pro-badge { border-radius: 999px !important; background: rgba(194, 176, 255, 0.12) !important; border: 1px solid var(--ld-rand-2) !important; color: #c2b0ff !important;
  font-weight: 800 !important; letter-spacing: 0.06em !important; }

/* ===== Suche (wie die Suche des Mondkalenders) ===== */
body.ld-seite .astro-land-container .astro-land-search-bar { max-width: none !important; min-height: 54px; border-radius: 999px !important; border: 1px solid var(--ld-rand-2) !important;
  background: rgba(20, 14, 44, 0.9) !important; box-shadow: none !important; margin-bottom: 18px !important; }
body.ld-seite .astro-land-container .astro-land-search-input { font-family: 'Hanken Grotesk', system-ui, sans-serif !important; font-size: 16px !important; color: var(--ld-text) !important; background: transparent !important; }
body.ld-seite .astro-land-container .astro-land-search-icon { color: var(--ld-gold) !important; }

/* ===== Laenderkacheln (Rahmen wie .mk-bereich) ===== */
body.ld-seite .astro-land-container .astro-land-country-grid { gap: 14px !important; }
body.ld-seite .astro-land-container .astro-land-country-card { border-radius: 20px !important; padding: 18px 10px 16px !important;
  background: linear-gradient(150deg, #241838, #100d24) !important; border: 1px solid rgba(149, 115, 203, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(207, 178, 247, 0.13), 0 14px 34px rgba(3, 2, 14, 0.45) !important; transition: transform 0.35s ease, border-color 0.35s ease !important; }
body.ld-seite .astro-land-container .astro-land-country-card:hover { transform: translateY(-5px) !important; border-color: rgba(232, 200, 134, 0.62) !important; }
body.ld-seite .astro-land-container .astro-land-country-card.active { border-color: #e8c886 !important; box-shadow: 0 0 0 1px rgba(232, 200, 134, 0.25), 0 14px 34px rgba(120, 90, 30, 0.25) !important; }
body.ld-seite .astro-land-container .astro-land-country-name { font-family: 'Fraunces', serif !important; font-weight: 500 !important; color: var(--ld-gold-hell) !important; }
body.ld-seite .astro-land-container .astro-land-country-code { color: var(--ld-text-3) !important; letter-spacing: 0.14em !important; }
body.ld-seite .astro-land-container .astro-land-grid-load-more { border-radius: 999px !important; border: 1px solid var(--ld-rand-2) !important; background: rgba(34, 24, 70, 0.62) !important; color: var(--ld-text) !important; }
body.ld-seite .astro-land-container .astro-land-grid-load-more:hover { border-color: rgba(232, 200, 134, 0.6) !important; }

/* ===== Knoepfe (wie .mk-knopf-gold) ===== */
body.ld-seite .astro-land-container .astro-land-featured-btn,
body.ld-seite .ld-kauf-platz .astro-land-cta-btn {
  border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, #f5e1ad, #e2c27c 45%, #c99f52) !important; color: #1b1404 !important;
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important; font-weight: 700 !important; box-shadow: 0 12px 34px rgba(226, 190, 110, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
body.ld-seite .ld-kauf-platz .astro-land-cta-btn .astro-btn-main,
body.ld-seite .ld-kauf-platz .astro-land-cta-btn .astro-btn-sub { color: #1b1404 !important; }

/* ===== Der Kaufkasten des Plugins im Abschnitt Preise (wie .mk-kauf) ===== */
body.ld-seite .ld-kauf-platz .astro-land-cta {
  margin: 0 !important; padding: 32px 30px 26px !important; text-align: left !important; border-radius: 24px !important;
  background: linear-gradient(160deg, rgba(64, 46, 118, 0.94), rgba(18, 13, 40, 0.96)) !important; border: 1px solid rgba(232, 200, 134, 0.42) !important;
  box-shadow: 0 0 0 1px rgba(232, 200, 134, 0.08), 0 30px 80px rgba(60, 40, 140, 0.35) !important; position: static !important;
}
body.ld-seite .ld-kauf-platz .astro-land-cta::before { display: none !important; }
body.ld-seite .ld-kauf-platz .astro-land-cta-title { font-family: 'Fraunces', serif !important; font-weight: 500 !important; font-size: 1.4rem !important; color: var(--ld-text) !important; text-align: left; margin: 0 0 10px !important; }
body.ld-seite .ld-kauf-platz .astro-land-cta-text { display: block !important; color: var(--ld-text-2) !important; font-size: 0.98rem !important; line-height: 1.65 !important; text-align: left; }
body.ld-seite .ld-kauf-platz .astro-land-cta-trust { display: block !important; color: var(--ld-gold-hell) !important; text-align: center; }
body.ld-seite .ld-kauf-platz .astro-land-cta-btn { display: flex !important; width: 100% !important; min-height: 58px; margin-top: 18px !important; flex-direction: column; align-items: center; justify-content: center; }
body.ld-seite .ld-kauf-platz .aram-shop-birth-fields .astro-input,
body.ld-seite .ld-kauf-platz .astro-input { background: rgba(10, 7, 26, 0.7) !important; border-color: var(--ld-rand-2) !important; color: var(--ld-text) !important; }
/* Solange der Kasten noch im Werkzeug steht (vor dem Umsetzen), nicht doppelt zeigen */
body.ld-seite #astro-land-page-root .astro-land-cta { display: none !important; }

@media (max-width: 760px) {
  body.ld-seite .ld-kauf-platz .astro-land-cta { padding: 26px 18px 22px !important; }
  body.ld-seite .astro-land-container .astro-land-search-bar { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.ld-seite .astro-land-container .astro-land-country-card { transition: none !important; }
}

/* =====================================================================
   Laenderhoroskop, Detailansicht im Web (Tobias/Yannick 10.10.2026: "hundertmal schoener, besser und hochwertiger").
   Gilt auf /laenderhoroskope/ und im Browser-Konto (beide body.ld-seite); die App laedt diese Datei nie.
   - Radix ohne dunklen Kasten: frei auf dem Lila der Seite, mit sanftem Lichthof
   - Die kosmischen Drei: grosse Karten mit leuchtendem Zeichen im kreisenden Ring, leichtes Schweben
   - Texte in einer Lesespalte (hoechstens rund 70 Zeichen je Zeile), Abschnitte als ruhige Karten
   - Tierkreiszeichen als Schriftzeichen statt bunter Emoji-Kaestchen
   ===================================================================== */
body.ld-seite .astro-land-container .alx { font-variant-emoji: text; }
body.ld-seite .astro-land-container .alx :is(.gly, .zg, .sym, .alx-sec-ic) {
  font-family: 'Segoe UI Symbol', 'Noto Sans Symbols 2', 'Noto Sans Symbols', 'Apple Symbols', 'DejaVu Sans', serif !important;
  font-variant-emoji: text;
}

/* ----- Kopf: Land, Daten ----- */
body.ld-seite .astro-land-container .alx-cid { justify-content: center; gap: 16px !important; margin: 8px 0 18px !important; }
body.ld-seite .astro-land-container .alx-cid h1 { font-size: clamp(2rem, 4.2vw, 3rem) !important; font-weight: 400 !important; line-height: 1.05 !important; }
body.ld-seite .astro-land-container .alx-meta { max-width: 760px; margin-left: auto !important; margin-right: auto !important; }

/* ----- Radix frei auf dem Lila ----- */
body.ld-seite .astro-land-container .alx-radix.astro-land-radix-container {
  position: relative; isolation: isolate; overflow: visible !important;
  max-width: 620px !important; margin: 26px auto 8px !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  animation: ld-radix-ein 1.1s cubic-bezier(.2, .7, .2, 1) both;
}
body.ld-seite .astro-land-container .alx-radix svg > rect:first-child { fill: transparent !important; }
body.ld-seite .astro-land-container .alx-radix::before {
  content: ''; position: absolute; z-index: -1; inset: 4%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.26) 0%, rgba(124, 58, 237, 0.1) 45%, rgba(124, 58, 237, 0) 70%);
  filter: blur(14px);
}
@keyframes ld-radix-ein { from { opacity: 0; transform: scale(.96) rotate(-4deg); } to { opacity: 1; transform: none; } }

/* ----- Die kosmischen Drei ----- */
body.ld-seite .astro-land-container .alx-trio-titel {
  font-family: 'Fraunces', serif !important; font-weight: 300 !important; font-size: clamp(1.7rem, 3vw, 2.3rem) !important;
  margin: 34px 0 22px !important; color: var(--ld-text) !important; letter-spacing: -0.01em !important;
}
body.ld-seite .astro-land-container .alx-trio {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important;
  max-width: 760px !important; margin: 0 auto 34px !important;
}
body.ld-seite .astro-land-container .alx-trio .alx-sig:nth-child(3) { grid-column: auto !important; }
body.ld-seite .astro-land-container .alx-sig {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 26px 16px 22px !important; border-radius: 22px !important;
  background: radial-gradient(90% 70% at 50% 0%, rgba(124, 58, 237, 0.3), rgba(124, 58, 237, 0) 70%), linear-gradient(170deg, rgba(43, 30, 84, 0.95), rgba(17, 12, 38, 0.96)) !important;
  border: 1px solid rgba(232, 200, 134, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 18px 40px -22px rgba(0, 0, 0, 0.8) !important;
  transition: transform .35s cubic-bezier(.2, .7, .2, 1), border-color .3s, box-shadow .3s !important;
  animation: ld-karte-ein .8s cubic-bezier(.2, .7, .2, 1) both;
}
body.ld-seite .astro-land-container .alx-sig:nth-child(2) { animation-delay: .12s; }
body.ld-seite .astro-land-container .alx-sig:nth-child(3) { animation-delay: .24s; }
body.ld-seite .astro-land-container .alx-sig:hover,
body.ld-seite .astro-land-container .alx-sig:focus-visible {
  transform: translateY(-4px); border-color: rgba(232, 200, 134, 0.6) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 26px 50px -24px rgba(0, 0, 0, 0.85), 0 0 34px -10px rgba(232, 200, 134, 0.45) !important;
  background: radial-gradient(90% 70% at 50% 0%, rgba(124, 58, 237, 0.38), rgba(124, 58, 237, 0) 70%), linear-gradient(170deg, rgba(48, 33, 94, 0.96), rgba(19, 13, 42, 0.97)) !important;
}
body.ld-seite .astro-land-container .alx-sig .lab {
  order: 0; margin: 0 0 12px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.24em !important; color: var(--ld-gold) !important;
}
/* Zeichen im leuchtenden Kreis mit kreisendem Ring */
body.ld-seite .astro-land-container .alx-sig .gly {
  position: relative; display: grid; place-items: center; width: 92px; height: 92px; margin: 0 0 12px;
  border-radius: 50%; font-size: 40px !important; line-height: 1 !important; color: var(--ld-gold-hell) !important;
  background: radial-gradient(circle at 50% 42%, rgba(246, 227, 180, 0.2), rgba(124, 58, 237, 0.12) 60%, rgba(124, 58, 237, 0) 72%);
  text-shadow: 0 0 18px rgba(246, 227, 180, 0.75), 0 0 34px rgba(232, 200, 134, 0.4);
  animation: ld-schweben 6s ease-in-out infinite;
}
body.ld-seite .astro-land-container .alx-sig:nth-child(2) .gly { animation-delay: -2s; }
body.ld-seite .astro-land-container .alx-sig:nth-child(3) .gly { animation-delay: -4s; }
body.ld-seite .astro-land-container .alx-sig .gly::before,
body.ld-seite .astro-land-container .alx-sig .gly::after {
  content: ''; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
}
body.ld-seite .astro-land-container .alx-sig .gly::before {
  border: 1px solid transparent;
  background: conic-gradient(from 0deg, rgba(232, 200, 134, 0), rgba(246, 227, 180, 0.95) 18%, rgba(232, 200, 134, 0) 34%, rgba(167, 139, 250, 0.6) 60%, rgba(232, 200, 134, 0) 78%) border-box;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude;
  animation: ld-ring 9s linear infinite;
}
body.ld-seite .astro-land-container .alx-sig .gly::after {
  inset: -7px; border: 1px dashed rgba(232, 200, 134, 0.22); animation: ld-ring 40s linear infinite reverse;
}
body.ld-seite .astro-land-container .alx-sig .nm {
  margin: 0 !important; font-family: 'Fraunces', serif !important; font-weight: 400 !important; font-size: 1.45rem !important; line-height: 1.15 !important; color: #fff8e6 !important;
}
body.ld-seite .astro-land-container .alx-sig .sub {
  margin-top: 6px !important; padding: 4px 11px; border-radius: 999px; font-size: 12px !important; letter-spacing: 0.04em;
  color: var(--ld-text-2) !important; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08);
}
@keyframes ld-karte-ein { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes ld-schweben { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes ld-ring { to { transform: rotate(360deg); } }

/* ----- Abschnitte: ruhige Karten in einer Lesespalte ----- */
body.ld-seite .astro-land-container .alx > .alx-sec {
  max-width: 760px; margin: 0 auto 14px !important; box-sizing: border-box;
  border: 1px solid rgba(190, 165, 255, 0.16) !important; border-left-width: 1px !important; border-radius: 20px !important;
  background: linear-gradient(170deg, rgba(36, 25, 72, 0.72), rgba(17, 12, 38, 0.82)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; overflow: hidden;
  transition: border-color .3s, box-shadow .3s;
}
body.ld-seite .astro-land-container .alx > .alx-sec.open {
  border-color: rgba(232, 200, 134, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 22px 50px -30px rgba(0, 0, 0, 0.85), 0 0 40px -18px rgba(232, 200, 134, 0.3) !important;
}
body.ld-seite .astro-land-container .alx-sec-h { padding: 20px 24px !important; gap: 14px !important; }
body.ld-seite .astro-land-container .alx-sec-ic {
  display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; font-size: 16px !important;
  background: radial-gradient(circle, rgba(232, 200, 134, 0.18), rgba(232, 200, 134, 0.04) 70%); border: 1px solid rgba(232, 200, 134, 0.3);
}
body.ld-seite .astro-land-container .alx-sec-h .t { font-size: 15px !important; letter-spacing: 0.18em !important; }
body.ld-seite .astro-land-container .alx-sec-b { padding: 4px 30px 28px !important; }
body.ld-seite .astro-land-container .alx-sec.open .alx-sec-b { padding-left: 30px !important; animation: ld-text-ein .45s ease both; }
body.ld-seite .astro-land-container .alx-p,
body.ld-seite .astro-land-container .alx-det p,
body.ld-seite .astro-land-container .alx-ruler .alx-p {
  max-width: 66ch; margin: 0 auto 16px !important;
  font-size: 17.5px !important; line-height: 1.85 !important; color: rgba(240, 233, 252, 0.88) !important;
  text-wrap: pretty; hyphens: auto; -webkit-hyphens: auto;
}
/* Einleitung: Initiale in Gold */
body.ld-seite .astro-land-container .alx-sec[data-section="einleitung"] .alx-p:first-child::first-letter,
body.ld-seite .astro-land-container .alx-sec[data-section="zusammenfassung"] .alx-p:first-child::first-letter {
  float: left; margin: 6px 12px 0 0; font-family: 'Fraunces', serif; font-size: 3.6em; line-height: .82; font-weight: 400;
  color: var(--ld-gold-hell); text-shadow: 0 0 22px rgba(232, 200, 134, 0.45);
}
@keyframes ld-text-ein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Handy */
@media (max-width: 760px) {
  body.ld-seite .astro-land-container .alx-trio { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; margin-bottom: 26px !important; }
  body.ld-seite .astro-land-container .alx-sig { padding: 18px 8px 16px !important; border-radius: 18px !important; }
  body.ld-seite .astro-land-container .alx-sig .lab { font-size: 9.5px !important; letter-spacing: 0.18em !important; margin-bottom: 9px !important; }
  body.ld-seite .astro-land-container .alx-sig .gly { width: 62px; height: 62px; font-size: 28px !important; margin-bottom: 9px; }
  body.ld-seite .astro-land-container .alx-sig .nm { font-size: 1.05rem !important; }
  body.ld-seite .astro-land-container .alx-sig .sub { font-size: 10.5px !important; padding: 3px 8px; }
  body.ld-seite .astro-land-container .alx > .alx-sec { margin: 0 12px 10px !important; border-radius: 18px !important; }
  body.ld-seite .astro-land-container .alx-sec-h { padding: 16px 16px !important; }
  body.ld-seite .astro-land-container .alx-sec-b, body.ld-seite .astro-land-container .alx-sec.open .alx-sec-b { padding: 2px 18px 22px !important; }
  body.ld-seite .astro-land-container .alx-p, body.ld-seite .astro-land-container .alx-det p { font-size: 16.5px !important; line-height: 1.78 !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.ld-seite .astro-land-container :is(.alx-radix, .alx-sig, .alx-sig .gly, .alx-sig .gly::before, .alx-sig .gly::after, .alx-sec-b) { animation: none !important; }
}

/* Epochenkarten (12.10.2026): gemeinsames App/Web-Design aus land-style.css.
   Die !important-Regeln der Landes-Detailansicht sollen diese Auswahl nicht ueberlagern. */
body.ld-seite .astro-land-container .alx-epochen {
  margin: 24px 0 28px !important; padding: 0 !important; background: none !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
body.ld-seite .astro-land-container .alx-epochen .alx-trio-titel {
  margin: 0 0 18px !important; font-weight: 500 !important; color: var(--ld-gold-hell) !important;
}
body.ld-seite .astro-land-container .alx-epochen .alx-sec,
body.ld-seite .astro-land-container .alx-epochen .alx-sec:first-of-type {
  border-color: rgba(174,150,223,.23) !important;
}
body.ld-seite .astro-land-container .alx-epochen .alx-sec.open { border-color: rgba(232,201,106,.5) !important; }
body.ld-seite .astro-land-container .alx-epochen .alx-sec-h { padding: 16px !important; gap: 12px !important; }
body.ld-seite .astro-land-container .alx-epochen .alx-sec-h .t {
  font-family: var(--font-body, 'Hanken Grotesk', sans-serif) !important; font-size: 16px !important;
  font-weight: 500 !important; letter-spacing: 0 !important; color: #eee7fb !important;
}
body.ld-seite .astro-land-container .alx-epochen .alx-sec.open .alx-sec-h .t { color: #f0d789 !important; }
body.ld-seite .astro-land-container .alx-epochen .alx-sec-ic {
  width: 34px; height: 38px; background: none; border: 0; color: #dfc58e !important;
}
body.ld-seite .astro-land-container .alx-epochen .alx-sec.open .alx-sec-b { padding: 2px 16px 20px !important; }
@media (max-width: 600px) {
  body.ld-seite .astro-land-container .alx-epochen .alx-sec-h { padding: 14px 13px !important; gap: 9px !important; }
  body.ld-seite .astro-land-container .alx-epochen .alx-sec-h .t { font-size: 15px !important; }
  body.ld-seite .astro-land-container .alx-epochen .alx-sec-ic { width: 28px; }
  body.ld-seite .astro-land-container .alx-epochen .alx-sec.open .alx-sec-b { padding: 2px 13px 20px !important; }
}
body.ld-seite.astro-light-theme .astro-land-container .alx-epochen .alx-sec-h .t { color: #39254f !important; }
body.ld-seite.astro-light-theme .astro-land-container .alx-epochen .alx-sec-ic { color: #896321 !important; }