/* =========================================================
CODE / DESIGN HINWEIS
Dieses CSS, Layoutsystem, der Designaufbau und die redaktionelle Struktur
wurden fuer ailicia.de von Ruh Connects erstellt.
Nutzung, Vervielfaeltigung oder Weitergabe nur mit Zustimmung von Ruh Connects.
========================================================= */
:root{--bg:#080716;--card:rgba(255,255,255,.075);--text:#f8f7ff;--muted:#c9c4e6;--line:rgba(255,255,255,.14);--primary:#8d5cff;--primary2:#ff4fd8;--cyan:#42e8ff;--green:#65ffb6;--shadow:0 24px 80px rgba(0,0,0,.38);--radius:26px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(141,92,255,.28),transparent 32%),radial-gradient(circle at 88% 12%,rgba(255,79,216,.25),transparent 30%),radial-gradient(circle at 55% 88%,rgba(66,232,255,.16),transparent 34%),linear-gradient(180deg,#080716 0%,#0f0c25 42%,#090817 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.page-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black 0%,transparent 72%)}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(8,7,22,.82);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:1.15rem}.brand img{width:42px;height:42px;filter:drop-shadow(0 0 18px rgba(141,92,255,.72))}.nav-links{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.9rem}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:999px;font-weight:800;border:1px solid var(--line);transition:.18s;cursor:pointer;white-space:nowrap;font-size:.95rem}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32)}.btn-primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;box-shadow:0 14px 40px rgba(141,92,255,.36)}.btn-secondary{background:rgba(255,255,255,.08);color:var(--text)}.btn-discord{background:linear-gradient(135deg,#5865f2,var(--primary));border:0;color:white;box-shadow:0 14px 40px rgba(88,101,242,.28)}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.075);color:var(--muted);font-weight:700;font-size:.88rem}.dot{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 18px var(--green);flex:0 0 auto}.hero{padding:74px 0 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:44px;align-items:center}h1,h2,h3{margin:0}h1{margin-top:22px;font-size:clamp(2.55rem,6.7vw,5.75rem);line-height:.92;letter-spacing:-.08em;max-width:920px}.page-title{font-size:clamp(2.4rem,5.6vw,5rem);line-height:.95;letter-spacing:-.075em;margin-top:18px;max-width:980px}.gradient-text{background:linear-gradient(135deg,#fff 0%,#d6c9ff 34%,#ff8ce8 62%,#76f2ff 100%);-webkit-background-clip:text;color:transparent}.lead{margin:24px 0 0;color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.28rem);line-height:1.75;max-width:780px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;color:var(--muted)}.trust-item{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:700}.orb-card{position:relative;min-height:540px;border-radius:38px;border:1px solid var(--line);background:radial-gradient(circle at 50% 48%,rgba(141,92,255,.34),transparent 33%),radial-gradient(circle at 28% 22%,rgba(66,232,255,.17),transparent 28%),rgba(255,255,255,.055);box-shadow:var(--shadow);overflow:hidden}.orb-card:before{content:"";position:absolute;inset:22px;border:1px dashed rgba(255,255,255,.18);border-radius:34px}.center-orb{position:absolute;left:50%;top:50%;width:min(210px,42vw);aspect-ratio:1;translate:-50% -50%;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 70px rgba(141,92,255,.5),inset 0 0 40px rgba(255,255,255,.08);animation:floatOrb 5.8s ease-in-out infinite}.center-orb img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 0 28px rgba(255,255,255,.42))}@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.mind-node{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(10,9,28,.84);color:var(--text);border-radius:999px;padding:12px 18px;font-weight:850;font-size:.9rem;box-shadow:0 10px 34px rgba(0,0,0,.3);cursor:pointer;transition:.18s;min-width:155px;text-align:center;display:flex;align-items:center;justify-content:center}.mind-node:hover{transform:scale(1.055);background:rgba(141,92,255,.24);border-color:rgba(255,255,255,.4)}.n1{left:5%;top:11%}.n7{left:50%;top:5%;translate:-50% 0}.n2{right:5%;top:11%}.n3{left:3%;top:44%}.n4{right:3%;top:44%}.n5{left:7%;bottom:12%}.n8{left:38%;bottom:4%;translate:-50% 0}.n9{left:62%;bottom:4%;translate:-50% 0}.n6{right:7%;bottom:12%}section{padding:72px 0;position:relative}.page-hero{padding:70px 0 32px}.section-head{max-width:880px;margin-bottom:30px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:.78rem;margin-bottom:12px}h2{font-size:clamp(2rem,4.5vw,3.6rem);letter-spacing:-.06em;line-height:1.02}.section-text{color:var(--muted);font-size:1.05rem;line-height:1.75;margin-top:16px}.grid-3,.grid-4,.grid-2{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.2);min-height:100%}.card strong,.card h3{display:block;font-size:1.14rem;margin-bottom:10px;letter-spacing:-.02em}.card p,.card li{color:var(--muted);line-height:1.68}.card p{margin:0}.card ul{margin:12px 0 0;padding-left:19px}.icon-pill{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;margin-bottom:18px;background:linear-gradient(135deg,rgba(141,92,255,.34),rgba(255,79,216,.24));border:1px solid rgba(255,255,255,.16);font-size:1.25rem}.highlight-box,.discord-panel,.legal-box{border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 8% 0%,rgba(66,232,255,.18),transparent 35%),linear-gradient(135deg,rgba(141,92,255,.16),rgba(255,79,216,.09));border-radius:34px;padding:32px;box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center}.feature-list{display:grid;gap:13px;margin-top:18px}.feature-row{display:flex;gap:12px;align-items:flex-start;color:var(--muted);line-height:1.6}.check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;margin-top:2px;background:rgba(101,255,182,.14);color:var(--green);font-weight:900}.steps{counter-reset:step;display:grid;gap:16px}.step{counter-increment:step;display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:24px;padding:18px;background:rgba(255,255,255,.055)}.step:before{content:counter(step);width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:950}.step p{margin:0;color:var(--muted);line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.price-card{border:1px solid var(--line);border-radius:24px;padding:22px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}.price-card.featured{border-color:rgba(255,79,216,.5);background:linear-gradient(145deg,rgba(141,92,255,.25),rgba(255,79,216,.12))}.price{font-size:2.25rem;font-weight:950;letter-spacing:-.06em;margin:4px 0}.price small{font-size:.9rem;color:var(--muted);letter-spacing:0;font-weight:700}.price-card ul{padding-left:18px;color:var(--muted);line-height:1.65;font-size:.95rem}.seo-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.seo-cloud span{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.9rem;font-weight:700}.blog-grid,.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.blog-card,.video-link-card{border:1px solid var(--line);border-radius:24px;padding:20px;background:rgba(255,255,255,.06)}.blog-card .date{color:var(--cyan);font-size:.82rem;font-weight:900;margin-bottom:8px}.blog-card p,.video-link-card span{color:var(--muted);line-height:1.55}.video-link-card{display:block;transition:.18s}.video-link-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.09)}.video-link-card strong{display:block;font-size:1.08rem;margin-bottom:8px}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.05)}.comparison-table th,.comparison-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.55}.comparison-table th{color:var(--text);background:rgba(255,255,255,.075);font-size:.95rem}.comparison-table tr:last-child td{border-bottom:0}.comparison-table strong{color:var(--text)}details{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:20px;padding:18px 20px}details+details{margin-top:12px}summary{cursor:pointer;font-weight:900;font-size:1.03rem}details p,details li{color:var(--muted);line-height:1.7}.cta-panel{text-align:center;padding:clamp(34px,7vw,66px);border-radius:38px;border:1px solid var(--line);background:radial-gradient(circle at 50% 0%,rgba(255,79,216,.18),transparent 42%),radial-gradient(circle at 0% 100%,rgba(66,232,255,.15),transparent 38%),rgba(255,255,255,.065);box-shadow:var(--shadow)}.cta-panel h2{margin-top:18px}.cta-panel p{max-width:760px;margin:16px auto 28px;color:var(--muted);line-height:1.72;font-size:1.08rem}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.92rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:var(--text)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.62);backdrop-filter:blur(12px)}.modal-backdrop.is-open{display:flex}.modal{width:min(920px,100%);max-height:min(88vh,860px);overflow:auto;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 0 0,rgba(141,92,255,.22),transparent 35%),#111027;border-radius:30px;padding:28px;box-shadow:var(--shadow)}.modal-close{position:sticky;top:0;float:right;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.12);color:white;font-size:1.25rem;cursor:pointer}.modal p,.modal li{color:var(--muted);line-height:1.72}.mini-note,.source-note{margin-top:18px;font-size:.9rem;color:var(--muted);opacity:.92;line-height:1.55}.legal-box h2{font-size:1.45rem;letter-spacing:-.03em;margin-top:28px}.legal-box p,.legal-box li{color:var(--muted);line-height:1.75}@media(max-width:1120px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.hero-grid,.split,.grid-3,.grid-4,.grid-2,.blog-grid,.video-grid{grid-template-columns:1fr}.orb-card{min-height:540px}.nav-links{display:none}.comparison-table{display:block;overflow-x:auto}}@media(max-width:620px){.container{width:min(var(--max),calc(100% - 24px))}.hero{padding-top:42px}.orb-card{min-height:600px}.mind-node{min-width:128px;font-size:.76rem;padding:10px 12px}.n1{left:4%;top:8%}.n7{left:50%;top:4%;translate:-50% 0}.n2{right:4%;top:8%}.n3{left:2%;top:38%}.n4{right:2%;top:38%}.n5{left:4%;bottom:13%}.n8{left:35%;bottom:3%;translate:-50% 0}.n9{left:65%;bottom:3%;translate:-50% 0}.n6{right:4%;bottom:13%}.hero-actions .btn{width:100%}.pricing-grid{grid-template-columns:1fr}}

/* =========================================================
   RC_TOPICBAR_START
   Erweiterte Themen-Navigation fuer ailicia.de
   Copyright by Ruh Connects.
   ========================================================= */
.topicbar {
  border-top: 1px solid var(--line);
  background: rgba(8, 7, 22, 0.68);
}

.topicbar-inner {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 0;
}

.topicbar a {
  color: var(--muted);
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}

.topicbar a:hover {
  color: var(--text);
  border-color: rgba(255,255,255,0.28);
  background: rgba(141, 92, 255, 0.18);
}

/* Mindmap: Support und Preise sauberer auseinanderziehen */
@media (min-width: 621px) {
  .n8 { left: 31%; bottom: 4%; translate: -50% 0; }
  .n9 { left: 69%; bottom: 4%; translate: -50% 0; }
}

@media (max-width: 980px) {
  .topicbar-inner {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .topicbar-inner::-webkit-scrollbar {
    display: none;
  }
}
/* =========================================================
   RC_TOPICBAR_END
   ========================================================= */