/**
 * Startseite im Entwurf "Aurora".
 *
 * Uebernommen aus dem Mockup start-v1-aurora.html und unter den Namensraum
 * .aurora-home gestellt: Jede Regel hier wirkt ausschliesslich innerhalb des
 * Startseiten-Wrappers. Sechs Klassennamen (btn, btn-ghost, cta-actions,
 * hero, hero-actions, step) gibt es auch im uebrigen Projekt; ohne den
 * Namensraum haetten sie andere Seiten veraendert.
 *
 * Wird nur auf der Startseite geladen, siehe views/layouts/main.php.
 * Nicht von Hand pflegen, solange der Entwurf noch wandert: erzeugt aus
 * scripts/css-namensraum.py.
 */

.aurora-home *, .aurora-home *::before, .aurora-home *::after { box-sizing:border-box }
.aurora-home { -webkit-text-size-adjust:100%;scroll-behavior:smooth }
.aurora-home { margin:0 }
.aurora-home { --red:#E50914;
  --red-700:#C41128;
  --red-soft:#FFF1F1;

  
  --bg:#FBFBFD;
  --bg-2:#F4F5F9;
  --bg-3:#EFF1F6;
  --card:#FFFFFF;

  
  --ink:#14161C;
  --ink-2:#3E434F;
  --ink-3:#6B7280;
  --ink-4:#9AA1AE;

  
  --line:rgba(20,22,28,.07);
  --line-2:rgba(20,22,28,.11);

  
  --sh-s:0 1px 2px rgba(20,22,28,.04), 0 4px 14px -6px rgba(20,22,28,.08);
  --sh-m:0 2px 4px rgba(20,22,28,.03), 0 12px 32px -12px rgba(20,22,28,.12);
  --sh-l:0 4px 10px rgba(20,22,28,.03), 0 28px 70px -24px rgba(20,22,28,.18);
  --sh-xl:0 8px 20px rgba(20,22,28,.04), 0 50px 110px -30px rgba(20,22,28,.22);

  
  --r-xl:32px; --r-l:24px; --r-m:18px; --r-s:12px;

  
  --ease:cubic-bezier(.32,.72,0,1);
  --ease-out:cubic-bezier(.22,1,.36,1); }
.aurora-home { font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden; }
.aurora-home img, .aurora-home svg { display:block;max-width:100% }
.aurora-home a { color:inherit;text-decoration:none }
.aurora-home button { font:inherit;color:inherit;border:0;background:none;cursor:pointer }
.aurora-home input { font:inherit }
.aurora-home h1, .aurora-home h2, .aurora-home h3, .aurora-home h4 { margin:0;letter-spacing:-.035em;line-height:1.05;font-weight:800 }
.aurora-home p { margin:0 }
.aurora-home ul { margin:0;padding:0;list-style:none }
.aurora-home .grain { position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"); }
.aurora-home .wrap { width:min(1240px,100% - 40px);margin-inline:auto }
@media(max-width:768px) {

.aurora-home .wrap { width:100%;padding-inline:16px }
}
.aurora-home .eyebrow { display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px 6px 10px;border-radius:999px;
  background:rgba(255,255,255,.8);
  box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-s);
  font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-2); }
.aurora-home .eyebrow i { width:6px;height:6px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 4px rgba(229,9,20,.14) }
.aurora-home .btn { --bg-btn:var(--ink);--fg:#fff;
  position:relative;display:inline-flex;align-items:center;gap:14px;
  padding:9px 9px 9px 26px;border-radius:999px;
  background:var(--bg-btn);color:var(--fg);
  font-weight:600;font-size:15px;letter-spacing:-.01em;
  box-shadow:var(--sh-m), inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), background .5s var(--ease); }
.aurora-home .btn:hover { box-shadow:var(--sh-l), inset 0 1px 0 rgba(255,255,255,.16) }
.aurora-home .btn:active { transform:scale(.975) }
.aurora-home .btn .knob { width:34px;height:34px;border-radius:999px;flex:none;
  display:grid;place-items:center;
  background:rgba(255,255,255,.14);
  transition:transform .5s var(--ease), background .5s var(--ease); }
.aurora-home .btn:hover .knob { transform:translate(3px,-2px) scale(1.06);background:rgba(255,255,255,.22) }
.aurora-home .btn .knob svg { width:15px;height:15px }
.aurora-home .btn-red { --bg-btn:var(--red) }
.aurora-home .btn-red:hover { --bg-btn:var(--red-700) }
.aurora-home .btn-ghost { --bg-btn:rgba(255,255,255,.9);--fg:var(--ink);
  box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-s); }
.aurora-home .btn-ghost .knob { background:rgba(20,22,28,.06) }
.aurora-home .btn-ghost:hover .knob { background:rgba(20,22,28,.1) }
.aurora-home .nav-shell { position:sticky;top:0;z-index:40;padding:18px 0 0;pointer-events:none }
.aurora-home .nav { pointer-events:auto;
  width:min(1180px,100% - 32px);margin-inline:auto;
  display:flex;align-items:center;gap:10px;
  padding:8px 8px 8px 20px;border-radius:999px;
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 1px 0 var(--line), var(--sh-m);
  transition:box-shadow .6s var(--ease), background .6s var(--ease); }
.aurora-home .nav.scrolled { background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8), var(--sh-l) }
.aurora-home .brand { display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:17px }
.aurora-home .brand-mark { width:34px;height:34px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:linear-gradient(150deg,#FF4438,var(--red) 55%,#B00C16);
  box-shadow:0 4px 12px -3px rgba(229,9,20,.5), inset 0 1px 0 rgba(255,255,255,.4); }
.aurora-home .brand-mark svg { width:19px;height:19px;color:#fff }
.aurora-home .brand span i { color:var(--red);font-style:normal }
.aurora-home .nav-links { display:flex;gap:2px;margin-left:14px }
.aurora-home .nav-links a { position:relative;padding:9px 15px;border-radius:999px;
  font-size:14.5px;font-weight:500;color:var(--ink-2);
  transition:color .4s var(--ease), background .4s var(--ease); }
.aurora-home .nav-links a:hover { color:var(--ink);background:rgba(20,22,28,.05) }
.aurora-home .nav-right { margin-left:auto;display:flex;align-items:center;gap:8px }
.aurora-home .lang-pill { display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;
  font-size:13.5px;font-weight:600;color:var(--ink-2);
  box-shadow:inset 0 0 0 1px var(--line-2);
  transition:background .4s var(--ease) }
.aurora-home .lang-pill:hover { background:rgba(20,22,28,.04) }
.aurora-home .lang-pill svg { width:14px;height:14px;opacity:.6 }
.aurora-home .burger { display:none;width:40px;height:40px;border-radius:999px;
  box-shadow:inset 0 0 0 1px var(--line-2);position:relative }
.aurora-home .burger i { position:absolute;left:11px;width:18px;height:1.6px;border-radius:2px;background:var(--ink);
  transition:transform .55s var(--ease), opacity .3s var(--ease) }
.aurora-home .burger i:nth-child(1) { top:15px }
.aurora-home .burger i:nth-child(2) { top:23px }
.aurora-home .burger.open i:nth-child(1) { transform:translateY(4px) rotate(45deg) }
.aurora-home .burger.open i:nth-child(2) { transform:translateY(-4px) rotate(-45deg) }
@media(max-width:940px) {

.aurora-home .nav-links, .aurora-home .lang-pill, .aurora-home .nav .btn { display:none }
.aurora-home .burger { display:block }

}
.aurora-home .sheet { position:fixed;inset:0;z-index:39;
  background:rgba(251,251,253,.82);
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  backdrop-filter:blur(30px) saturate(180%);
  display:flex;flex-direction:column;justify-content:center;padding:0 28px;
  opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility .5s }
.aurora-home .sheet.open { opacity:1;visibility:visible }
.aurora-home .sheet a { font-size:clamp(30px,9vw,46px);font-weight:800;letter-spacing:-.045em;padding:11px 0;
  opacity:0;transform:translateY(46px);
  transition:opacity .7s var(--ease-out), transform .7s var(--ease-out) }
.aurora-home .sheet.open a { opacity:1;transform:none }
.aurora-home .sheet.open a:nth-child(1) { transition-delay:.08s }
.aurora-home .sheet.open a:nth-child(2) { transition-delay:.14s }
.aurora-home .sheet.open a:nth-child(3) { transition-delay:.2s }
.aurora-home .sheet.open a:nth-child(4) { transition-delay:.26s }
.aurora-home .sheet.open a:nth-child(5) { transition-delay:.32s }
.aurora-home .hero { position:relative;padding:76px 0 60px;overflow:hidden }
.aurora-home .aurora { position:absolute;inset:-20% -10% auto;height:820px;pointer-events:none;z-index:0;filter:blur(70px);opacity:.62 }
.aurora-home .aurora b { position:absolute;border-radius:50%;display:block }
.aurora-home .aurora b:nth-child(1) { width:620px;height:520px;left:-80px;top:20px;
  background:radial-gradient(circle at 40% 40%,rgba(229,9,20,.30),transparent 66%) }
.aurora-home .aurora b:nth-child(2) { width:680px;height:560px;right:-60px;top:-40px;
  background:radial-gradient(circle at 55% 45%,rgba(96,132,255,.30),transparent 66%) }
.aurora-home .aurora b:nth-child(3) { width:540px;height:440px;left:44%;top:220px;
  background:radial-gradient(circle at 50% 50%,rgba(255,178,60,.26),transparent 66%) }
.aurora-home .hero-grid { position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:52px;align-items:center }
.aurora-home h1.h-title { font-size:clamp(40px,5.6vw,74px);font-weight:800;letter-spacing:-.05em;line-height:.98;
  margin:22px 0 0 }
.aurora-home h1.h-title em { font-style:normal;position:relative;white-space:nowrap;
  background:linear-gradient(100deg,var(--red),#FF6A3D 55%,#FF9E2C);
  -webkit-background-clip:text;background-clip:text;color:transparent }
.aurora-home h1.h-title em::after { content:'';position:absolute;left:0;right:0;bottom:.03em;height:.09em;border-radius:99px;
  background:linear-gradient(90deg,rgba(229,9,20,.34),rgba(255,158,44,.34));
  transform:scaleX(0);transform-origin:left;
  animation:underline 1.1s .5s var(--ease-out) forwards }

@keyframes underline{to{transform:scaleX(1)}}
.aurora-home .h-sub { margin-top:20px;font-size:clamp(16px,1.35vw,18.5px);color:var(--ink-2);max-width:33ch;line-height:1.62 }
.aurora-home .search-shell { margin-top:30px;padding:6px;border-radius:24px;
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-m);max-width:520px }
.aurora-home .search { position:relative;display:flex;align-items:center;gap:12px;
  background:var(--card);border-radius:18px;padding:13px 13px 13px 18px;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9), 0 1px 3px rgba(20,22,28,.05);
  transition:box-shadow .5s var(--ease) }
.aurora-home .search-shell:focus-within .search { box-shadow:inset 0 0 0 1.5px rgba(229,9,20,.35), 0 6px 22px -8px rgba(229,9,20,.3) }
.aurora-home .search svg.mag { width:19px;height:19px;color:var(--ink-4);flex:none }
.aurora-home .search input { flex:1;border:0;outline:0;background:none;font-size:15.5px;color:var(--ink);min-width:0 }
.aurora-home .search input::placeholder { color:var(--ink-4) }
.aurora-home .search kbd { font-family:inherit;font-size:11px;font-weight:700;color:var(--ink-3);
  padding:5px 9px;border-radius:8px;background:var(--bg-2);
  box-shadow:inset 0 0 0 1px var(--line);flex:none }
@media(max-width:520px) {

.aurora-home .search kbd { display:none }
}
.aurora-home .hero-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:26px }
.aurora-home .trust-row { display:flex;flex-wrap:wrap;gap:9px;margin-top:34px }
.aurora-home .trust-chip { display:flex;align-items:center;gap:9px;padding:9px 15px 9px 11px;border-radius:999px;
  background:rgba(255,255,255,.74);
  box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-s);
  font-size:13px;font-weight:600;color:var(--ink-2) }
.aurora-home .trust-chip svg { width:15px;height:15px;color:var(--red);flex:none }
.aurora-home .hero-visual { position:relative;height:520px }
@media(max-width:980px) {

.aurora-home .hero-visual { height:400px }
}
.aurora-home .doc { position:absolute;border-radius:18px;background:var(--card);
  box-shadow:var(--sh-l), inset 0 0 0 1px var(--line);
  overflow:hidden;
  animation:floaty 9s var(--ease) infinite }
.aurora-home .doc::before { content:'';position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(244,245,249,.4)) }

@keyframes floaty{0%,100%{transform:translate3d(0,0,0) rotate(var(--rot))}
  50%{transform:translate3d(0,-13px,0) rotate(calc(var(--rot) + .6deg))}}
.aurora-home .doc .lines { position:relative;padding:20px 18px;display:grid;gap:8px }
.aurora-home .doc .lines i { display:block;height:7px;border-radius:99px;background:var(--bg-3) }
.aurora-home .doc .lines i:nth-child(1) { width:58%;background:linear-gradient(90deg,var(--red),#FF8A4C);height:9px }
.aurora-home .doc .lines i:nth-child(3) { width:82% }
.aurora-home .doc .lines i:nth-child(4) { width:66% }
.aurora-home .doc .lines i:nth-child(5) { width:74% }
.aurora-home .doc-a { width:216px;height:284px;left:2%;top:60px;--rot:-5deg;z-index:2 }
.aurora-home .doc-b { width:206px;height:272px;left:26%;top:170px;--rot:4deg;animation-delay:-3s;z-index:1 }
.aurora-home .doc-c { width:244px;height:318px;right:2%;top:24px;--rot:2.5deg;animation-delay:-5.5s;z-index:3 }
@media(max-width:980px) {

.aurora-home .doc-a { width:160px;height:212px;top:40px }
.aurora-home .doc-b { width:150px;height:198px;top:130px }
.aurora-home .doc-c { width:180px;height:236px;top:18px }

}
.aurora-home .chiplet { position:absolute;z-index:5;display:flex;align-items:center;gap:10px;
  padding:11px 16px 11px 12px;border-radius:16px;
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:var(--sh-l), inset 0 0 0 1px rgba(255,255,255,.9);
  font-size:12.5px;font-weight:700;letter-spacing:-.01em;
  animation:floaty 7.5s var(--ease) infinite }
.aurora-home .chiplet small { display:block;font-size:10.5px;font-weight:500;color:var(--ink-3);letter-spacing:0 }
.aurora-home .chiplet .ico { width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none }
.aurora-home .chiplet .ico svg { width:15px;height:15px }
.aurora-home .chip-1 { left:-2%;bottom:96px;--rot:-2deg;animation-delay:-1.5s }
.aurora-home .chip-1 .ico { background:#DCFCE7;color:#15803D }
.aurora-home .chip-2 { right:6%;bottom:34px;--rot:1.5deg;animation-delay:-4s }
.aurora-home .chip-2 .ico { background:#E0E7FF;color:#4338CA }
.aurora-home .chip-3 { right:-1%;top:6px;--rot:2deg;animation-delay:-6s }
.aurora-home .chip-3 .ico { background:var(--red-soft);color:var(--red) }
@media(max-width:600px) {

.aurora-home .chip-3 { display:none }
}
.aurora-home .mini-bar { width:74px;height:5px;border-radius:99px;background:var(--bg-3);overflow:hidden;margin-top:5px }
.aurora-home .mini-bar b { display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#22C55E,#16A34A);
  animation:fill 2.6s 1s var(--ease-out) forwards }

@keyframes fill{to{width:88%}}
.aurora-home .marquee { position:relative;margin-top:14px;padding:22px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent) }
.aurora-home .marquee-track { display:flex;gap:52px;width:max-content;animation:slide 34s linear infinite }
.aurora-home .marquee:hover .marquee-track { animation-play-state:paused }

@keyframes slide{to{transform:translateX(-50%)}}
.aurora-home .fmt { display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--ink-4);
  letter-spacing:.02em;white-space:nowrap }
.aurora-home .fmt svg { width:17px;height:17px;opacity:.55 }
.aurora-home section.band { padding:104px 0 }
.aurora-home section.band.tight { padding:76px 0 }
.aurora-home .band-soft { background:linear-gradient(180deg,transparent,var(--bg-2) 14%,var(--bg-2) 86%,transparent) }
.aurora-home .sec-head { max-width:640px;margin-bottom:46px }
.aurora-home .sec-head.center { margin-inline:auto;text-align:center }
.aurora-home .sec-title { font-size:clamp(29px,3.7vw,46px);margin-top:18px;letter-spacing:-.045em }
.aurora-home .sec-desc { margin-top:16px;font-size:17px;color:var(--ink-2);line-height:1.62 }
.aurora-home .shell { padding:7px;border-radius:var(--r-xl);
  background:rgba(20,22,28,.032);
  box-shadow:inset 0 0 0 1px var(--line);
  transition:background .6s var(--ease), transform .6s var(--ease), box-shadow .6s var(--ease) }
.aurora-home .shell:hover { background:rgba(20,22,28,.055);transform:translateY(-4px) }
.aurora-home .core { height:100%;border-radius:calc(var(--r-xl) - 7px);background:var(--card);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9), var(--sh-s);
  padding:26px;display:flex;flex-direction:column }
.aurora-home .bento { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.aurora-home .bento .shell { display:flex }
.aurora-home .b-8 { grid-column:span 7 }
.aurora-home .b-5 { grid-column:span 5 }
.aurora-home .b-4 { grid-column:span 4 }
.aurora-home .b-3 { grid-column:span 3 }
.aurora-home .b-6 { grid-column:span 6 }
@media(max-width:900px) {

.aurora-home .bento>* { grid-column:1 / -1 !important }
}
/* Icons stehen frei: kein Farbkasten, kein Rahmen, dafuer deutlich groesser.
   Umgestellt am 23.08.2026. Der pastellfarbene Kasten kam vorher als
   Inline-Style aus config/tools.php und erzeugte in jeder Kachel eine andere
   Hintergrundfarbe. Das Icon selbst traegt bereits seinen Farbverlauf, der
   Kasten hat ihn nur gedaempft. */
.aurora-home .tile-ico { display:grid;place-items:center;flex:none;
  width:56px;height:56px }
.aurora-home .tile-ico svg { width:56px;height:56px }
.aurora-home .tile-title { font-size:20px;font-weight:700;letter-spacing:-.03em;margin-top:18px }
.aurora-home .tile-desc { margin-top:9px;font-size:14.5px;color:var(--ink-3);line-height:1.55 }
.aurora-home .tile-foot { margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:700;color:var(--red) }
.aurora-home .tile-foot svg { width:14px;height:14px;transition:transform .5s var(--ease) }
.aurora-home .shell:hover .tile-foot svg { transform:translateX(4px) }
.aurora-home .tile-big .core { padding:30px;justify-content:space-between }
.aurora-home .stage { margin-top:24px;border-radius:20px;padding:20px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--bg-2),#fff);
  box-shadow:inset 0 0 0 1px var(--line) }
.aurora-home .pagerow { display:flex;gap:11px;align-items:flex-end }
.aurora-home .page { width:60px;height:78px;border-radius:9px;background:#fff;flex:none;
  box-shadow:var(--sh-s), inset 0 0 0 1px var(--line);
  display:grid;gap:5px;padding:9px 8px;align-content:start;
  transition:transform .6s var(--ease), box-shadow .6s var(--ease) }
.aurora-home .page i { height:4px;border-radius:99px;background:var(--bg-3);display:block }
.aurora-home .page i:first-child { background:var(--red);opacity:.75;width:70% }
.aurora-home .page.plus { display:grid;place-items:center;background:var(--red-soft);
  box-shadow:inset 0 0 0 1.5px rgba(229,9,20,.2) }
.aurora-home .page.plus svg { width:18px;height:18px;color:var(--red) }
.aurora-home .shell:hover .page:nth-child(1) { transform:translateY(-6px) rotate(-4deg) }
.aurora-home .shell:hover .page:nth-child(2) { transform:translateY(-10px) }
.aurora-home .shell:hover .page:nth-child(3) { transform:translateY(-6px) rotate(4deg) }
.aurora-home .arrow-down { display:grid;place-items:center;padding:12px 0;color:var(--ink-4) }
.aurora-home .arrow-down svg { width:17px;height:17px }
.aurora-home .result { display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;
  box-shadow:var(--sh-s), inset 0 0 0 1px var(--line) }
.aurora-home .result .rb { width:34px;height:42px;border-radius:7px;flex:none;
  background:linear-gradient(160deg,#FF4438,var(--red));
  box-shadow:0 4px 10px -3px rgba(229,9,20,.45);
  display:grid;place-items:center;color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.04em }
.aurora-home .result b { font-size:14px;font-weight:700;letter-spacing:-.02em }
.aurora-home .result small { display:block;color:var(--ink-3);font-size:12px;font-weight:500 }
.aurora-home .result .ok { margin-left:auto;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;
  background:#DCFCE7;color:#15803D }
.aurora-home .result .ok svg { width:14px;height:14px }
.aurora-home .stat-num { font-size:clamp(38px,4.4vw,54px);font-weight:800;letter-spacing:-.055em;line-height:1;
  background:linear-gradient(150deg,var(--ink),#4B5563);-webkit-background-clip:text;background-clip:text;color:transparent }
.aurora-home .stat-lbl { margin-top:10px;font-size:14px;color:var(--ink-3);font-weight:500;line-height:1.5 }
.aurora-home .filter-dock { position:sticky;top:88px;z-index:20;margin-bottom:26px;
  padding:7px;border-radius:22px;
  background:rgba(251,251,253,.78);
  -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-m) }
.aurora-home .filter-inner { display:flex;align-items:center;gap:10px;background:var(--card);border-radius:16px;padding:8px;
  box-shadow:inset 0 0 0 1px var(--line) }
.aurora-home .chips { display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;padding:1px }
.aurora-home .chips::-webkit-scrollbar { display:none }
.aurora-home .chip { white-space:nowrap;padding:9px 15px;border-radius:999px;font-size:13.5px;font-weight:600;
  color:var(--ink-2);flex:none;
  transition:background .45s var(--ease), color .45s var(--ease), box-shadow .45s var(--ease) }
.aurora-home .chip:hover { background:var(--bg-2) }
.aurora-home .chip.on { background:var(--ink);color:#fff;box-shadow:var(--sh-s) }
.aurora-home .chip b { opacity:.5;font-weight:600;margin-left:5px;font-size:12px }
.aurora-home .filter-search { display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;flex:none;
  background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);min-width:190px }
.aurora-home .filter-search svg { width:16px;height:16px;color:var(--ink-4);flex:none }
.aurora-home .filter-search input { border:0;outline:0;background:none;font-size:14px;width:100%;min-width:0 }
@media(max-width:760px) {

.aurora-home .filter-search { display:none }
.aurora-home .filter-dock { top:80px }
}
.aurora-home .tool-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:12px }
@media(max-width:520px) {

.aurora-home .tool-grid { grid-template-columns:1fr 1fr;gap:10px }
}
.aurora-home .tcard { position:relative;display:flex;flex-direction:column;gap:13px;
  padding:18px;border-radius:20px;background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line), var(--sh-s);
  transition:transform .55s var(--ease), box-shadow .55s var(--ease) }
.aurora-home .tcard:hover { transform:translateY(-5px);box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-l) }
.aurora-home .tcard-ico { display:grid;place-items:center;flex:none;
  width:44px;height:44px;
  transition:transform .55s var(--ease) }
.aurora-home .tcard:hover .tcard-ico { transform:scale(1.08) }
.aurora-home .tcard-ico svg { width:44px;height:44px }
.aurora-home .tcard h3 { font-size:15px;font-weight:700;letter-spacing:-.025em;line-height:1.3 }
.aurora-home .tcard p { font-size:12.5px;color:var(--ink-3);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden }
@media(max-width:520px) {

.aurora-home .tcard p { display:none }
.aurora-home .tcard { padding:14px;gap:10px }
}
.aurora-home .badge-new { position:absolute;top:14px;right:14px;padding:4px 9px;border-radius:999px;
  font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  background:#DCFCE7;color:#15803D;box-shadow:inset 0 0 0 1px rgba(21,128,61,.16) }
.aurora-home .badge-local { position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;
  background:#EEF2FF;color:#4338CA;box-shadow:inset 0 0 0 1px rgba(67,56,202,.14) }
.aurora-home .badge-local svg { width:13px;height:13px }
.aurora-home .empty { padding:60px 20px;text-align:center;color:var(--ink-3);font-size:15px }
.aurora-home .privacy { display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:52px;align-items:center }
@media(max-width:940px) {

.aurora-home .privacy { grid-template-columns:1fr;gap:36px }
}
.aurora-home .flowbox { padding:9px;border-radius:var(--r-xl);background:rgba(20,22,28,.032);
  box-shadow:inset 0 0 0 1px var(--line) }
.aurora-home .flowbox .core { padding:30px;border-radius:calc(var(--r-xl) - 9px) }
.aurora-home .browser { border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line), var(--sh-s) }
.aurora-home .browser-bar { display:flex;align-items:center;gap:6px;padding:11px 14px;background:var(--bg-2) }
.aurora-home .browser-bar u { width:9px;height:9px;border-radius:99px;background:var(--bg-3);display:block }
.aurora-home .browser-bar em { margin-left:10px;font-style:normal;font-size:11px;font-weight:600;color:var(--ink-4);
  background:#fff;padding:4px 12px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line) }
.aurora-home .browser-body { padding:26px 22px;background:#fff;position:relative }
.aurora-home .flow-line { display:flex;align-items:center;gap:14px }
.aurora-home .flow-node { flex:1;text-align:center;padding:16px 10px;border-radius:16px;background:var(--bg-2);
  box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:700;letter-spacing:-.01em }
.aurora-home .flow-node .fi { width:38px;height:38px;border-radius:12px;margin:0 auto 10px;display:grid;place-items:center;
  background:#fff;box-shadow:var(--sh-s) }
.aurora-home .flow-node .fi svg { width:18px;height:18px;color:var(--red) }
.aurora-home .flow-node small { display:block;font-weight:500;color:var(--ink-4);font-size:11px;margin-top:3px }
.aurora-home .flow-arrow { flex:none;color:var(--ink-4);display:grid;place-items:center }
.aurora-home .flow-arrow svg { width:18px;height:18px }
.aurora-home .dashline { margin:22px 0 0;padding:14px 16px;border-radius:14px;display:flex;align-items:center;gap:12px;
  background:var(--red-soft);box-shadow:inset 0 0 0 1px rgba(229,9,20,.14) }
.aurora-home .dashline svg { width:18px;height:18px;color:var(--red);flex:none }
.aurora-home .dashline span { font-size:12.5px;font-weight:600;color:#9F1239;line-height:1.45 }
.aurora-home .priv-list { display:grid;gap:14px;margin-top:30px }
.aurora-home .priv-item { display:flex;gap:14px;align-items:flex-start }
.aurora-home .priv-item .pi { width:38px;height:38px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:#fff;box-shadow:inset 0 0 0 1px var(--line), var(--sh-s) }
.aurora-home .priv-item .pi svg { width:18px;height:18px;color:var(--red) }
.aurora-home .priv-item b { font-size:15px;font-weight:700;letter-spacing:-.02em;display:block }
.aurora-home .priv-item span { font-size:14px;color:var(--ink-3);line-height:1.55 }
.aurora-home .steps { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s }
@media(max-width:860px) {

.aurora-home .steps { grid-template-columns:1fr }
}
.aurora-home .step .core { padding:28px }
.aurora-home .step-n { width:38px;height:38px;border-radius:13px;display:grid;place-items:center;
  font-size:14px;font-weight:800;color:var(--red);background:var(--red-soft);
  box-shadow:inset 0 0 0 1px rgba(229,9,20,.15) }
.aurora-home .step h3 { font-size:18px;margin-top:18px;letter-spacing:-.03em }
.aurora-home .step p { margin-top:9px;font-size:14.5px;color:var(--ink-3);line-height:1.6 }
.aurora-home .numbers { display:grid;grid-template-columns:repeat(4,1fr);gap:16px }
@media(max-width:860px) {

.aurora-home .numbers { grid-template-columns:1fr 1fr }
}
.aurora-home .num .core { padding:28px;align-items:flex-start }
.aurora-home .news { display:grid;grid-template-columns:repeat(3,1fr);gap:16px }
@media(max-width:900px) {

.aurora-home .news { grid-template-columns:1fr }
}
.aurora-home .news .core { padding:26px }
.aurora-home .news-date { font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-4) }
.aurora-home .news h3 { font-size:18px;margin-top:12px;letter-spacing:-.03em }
.aurora-home .news p { margin-top:10px;font-size:14px;color:var(--ink-3);line-height:1.58 }
.aurora-home .faq { max-width:800px;margin-inline:auto;display:grid;gap:10px }
.aurora-home .qa { border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--sh-s);
  overflow:hidden;transition:box-shadow .5s var(--ease) }
.aurora-home .qa:hover { box-shadow:inset 0 0 0 1px var(--line-2), var(--sh-m) }
.aurora-home .qa-q { width:100%;display:flex;align-items:center;gap:16px;padding:20px 22px;text-align:left;
  font-size:16px;font-weight:700;letter-spacing:-.025em }
.aurora-home .qa-q .pm { margin-left:auto;width:28px;height:28px;border-radius:999px;flex:none;display:grid;place-items:center;
  background:var(--bg-2);color:var(--ink-2);transition:transform .55s var(--ease), background .45s var(--ease) }
.aurora-home .qa.open .qa-q .pm { transform:rotate(45deg);background:var(--red);color:#fff }
.aurora-home .qa-q .pm svg { width:14px;height:14px }
.aurora-home .qa-a { display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease) }
.aurora-home .qa.open .qa-a { grid-template-rows:1fr }
.aurora-home .qa-a>div { overflow:hidden }
.aurora-home .qa-a p { padding:0 22px 22px;font-size:15px;color:var(--ink-2);line-height:1.68;max-width:66ch }
.aurora-home .cta { position:relative;overflow:hidden;border-radius:36px;padding:9px;
  background:rgba(20,22,28,.035);box-shadow:inset 0 0 0 1px var(--line) }
.aurora-home .cta-core { position:relative;border-radius:28px;padding:72px 40px;text-align:center;overflow:hidden;
  background:linear-gradient(165deg,#FFF8F5,#FFFFFF 42%,#F5F7FF);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9), var(--sh-m) }
.aurora-home .cta-core .glow { position:absolute;inset:auto -10% -60% ;height:420px;filter:blur(70px);opacity:.55;pointer-events:none }
.aurora-home .cta-core .glow b { position:absolute;border-radius:50%;display:block }
.aurora-home .cta-core .glow b:nth-child(1) { width:520px;height:420px;left:6%;bottom:0;
  background:radial-gradient(circle,rgba(229,9,20,.26),transparent 66%) }
.aurora-home .cta-core .glow b:nth-child(2) { width:520px;height:420px;right:6%;bottom:20px;
  background:radial-gradient(circle,rgba(96,132,255,.26),transparent 66%) }
.aurora-home .cta-core h2 { position:relative;font-size:clamp(30px,4.2vw,52px);letter-spacing:-.05em }
.aurora-home .cta-core p { position:relative;margin:18px auto 0;font-size:17px;color:var(--ink-2);max-width:50ch }
.aurora-home .cta-actions { position:relative;margin-top:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px }
.aurora-home footer { padding:70px 0 40px;background:var(--bg-2);
  box-shadow:inset 0 1px 0 var(--line) }
.aurora-home .foot-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px }
@media(max-width:860px) {

.aurora-home .foot-grid { grid-template-columns:1fr 1fr;gap:32px }
}
.aurora-home .foot-grid h4 { font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);font-weight:700 }
.aurora-home .foot-grid ul { margin-top:16px;display:grid;gap:10px }
.aurora-home .foot-grid a { font-size:14px;color:var(--ink-2);transition:color .4s var(--ease) }
.aurora-home .foot-grid a:hover { color:var(--red) }
.aurora-home .foot-note { margin-top:20px;font-size:13.5px;color:var(--ink-3);line-height:1.6;max-width:34ch }
.aurora-home .foot-bottom { margin-top:48px;padding-top:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;
  box-shadow:inset 0 1px 0 var(--line);font-size:13px;color:var(--ink-4) }
.aurora-home .foot-bottom .sp { margin-left:auto;display:flex;gap:10px;flex-wrap:wrap }
.aurora-home .foot-bottom .sp span { padding:6px 12px;border-radius:999px;background:#fff;
  box-shadow:inset 0 0 0 1px var(--line);font-weight:600;color:var(--ink-3);font-size:12px }
/* Einblenden beim Scrollen.
   Im Mockup stand hier .rv { opacity:0 } ohne Bedingung. Uebernommen ohne das
   zugehoerige Skript blieb die halbe Seite unsichtbar, und ohne JavaScript
   waere sie es dauerhaft geblieben, auch fuer einen Suchmaschinen-Renderer,
   der zu frueh aufgibt.
   Deshalb: Versteckt wird nur, wenn das Skript sich mit der Klasse js-rv am
   Wurzelelement gemeldet hat. Ohne JavaScript steht alles sofort da. */
:root.js-rv .aurora-home .rv { opacity:0;transform:translateY(34px);filter:blur(7px);
  transition:opacity .85s var(--ease-out), transform .85s var(--ease-out), filter .85s var(--ease-out) }
:root.js-rv .aurora-home .rv.in { opacity:1;transform:none;filter:none }
@media(prefers-reduced-motion:reduce) {

.aurora-home .rv { opacity:1;transform:none;filter:none;transition:none }
.aurora-home .doc, .aurora-home .chiplet, .aurora-home .marquee-track { animation:none }
.aurora-home * { transition-duration:.01ms !important }

}
.aurora-home .mockbar { position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:70;
  display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;
  background:rgba(20,22,28,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  box-shadow:0 20px 50px -14px rgba(20,22,28,.5);color:#fff;font-size:12.5px;font-weight:600 }
.aurora-home .mockbar a { padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;
  transition:background .4s var(--ease) }
.aurora-home .mockbar a:hover { background:rgba(255,255,255,.26) }
@media(max-width:560px) {

.aurora-home .mockbar { font-size:11px;padding-left:14px }
.aurora-home .mockbar .hide-s { display:none }
}
.aurora-home .answer { margin-top:28px;padding:7px;border-radius:26px;background:rgba(20,22,28,.032);
  box-shadow:inset 0 0 0 1px var(--line);max-width:560px }
.aurora-home .answer-core { border-radius:19px;background:var(--card);padding:22px 24px;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9),var(--sh-s) }
.aurora-home .answer-lbl { display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;
  letter-spacing:.17em;text-transform:uppercase;color:var(--red) }
.aurora-home .answer-lbl svg { width:14px;height:14px }
.aurora-home .answer p { margin-top:12px;font-size:15.5px;line-height:1.62;color:var(--ink-2) }
.aurora-home .answer p strong { color:var(--ink);font-weight:700 }
.aurora-home .answer-facts { margin-top:16px;padding-top:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  box-shadow:inset 0 1px 0 var(--line) }
@media(max-width:620px) {

.aurora-home .answer-facts { grid-template-columns:1fr 1fr }
}
.aurora-home .answer-facts .fact b { display:block;font-size:23px;font-weight:800;letter-spacing:-.04em;line-height:1 }
.aurora-home .answer-facts .fact span { display:block;margin-top:5px;font-size:11.5px;color:var(--ink-3);line-height:1.35 }
.aurora-home .crumbs { padding:16px 0 0;font-size:12.5px;color:var(--ink-4);display:flex;gap:8px;align-items:center;
  position:relative;z-index:1 }
.aurora-home .crumbs a { color:var(--ink-3) }
.aurora-home .crumbs a:hover { color:var(--red) }
.aurora-home .crumbs svg { width:12px;height:12px;opacity:.5 }

/* ==========================================================================
   Ergaenzungen fuer die PHP-Fassung
   --------------------------------------------------------------------------
   Der Entwurf kannte diese Bausteine nicht, weil er das Raster per
   JavaScript gefuellt und ohne Zwischenueberschriften ausgekommen ist. Die
   Serverfassung gliedert nach Kategorien: Das funktioniert ohne JavaScript,
   gibt der Seite eine Struktur und haelt die Ueberschriften der bisherigen
   Startseite.
   ========================================================================== */

/* Unsichtbarer Ankerpunkt fuer alte Sprungziele wie #privacy und #steps.
   Sie koennen extern verlinkt sein und sollen nicht ins Leere laufen. */
.aurora-home .anker {
  display: block;
  position: relative;
  top: -80px;
  height: 0;
  visibility: hidden;
}

/* Kategorieblock im grossen Raster */
.aurora-home .cat-block { margin-top: 42px; }
.aurora-home .cat-block:first-of-type { margin-top: 26px; }
.aurora-home .cat-title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--ink-2);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.aurora-home .cat-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}

/* Fliesstext im unteren Abschnitt */
.aurora-home .prose { max-width: 760px; }
.aurora-home .prose p {
  color: var(--ink-3);
  line-height: 1.75;
  margin: 0 0 16px;
}

/* Fragen und Antworten.
   Der Entwurf schaltet sie per JavaScript auf, hier macht das <details>
   selbst. Ohne Skript bleibt die Seite damit vollstaendig bedienbar. */
.aurora-home details.qa { padding: 0; }
.aurora-home details.qa > summary {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  font-weight: 650;
  font-size: 16px;
  letter-spacing: -.01em;
  cursor: pointer;
  list-style: none;
}
.aurora-home details.qa > summary::-webkit-details-marker { display: none; }
.aurora-home details.qa > summary::after {
  content: "";
  margin-left: auto;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 999px;
  background: var(--line-soft, #F1F2F6);
  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 11px 2px, 2px 11px;
  background-position: center, center;
  background-repeat: no-repeat;
  transition: transform .35s var(--ease), background-color .35s var(--ease);
}
.aurora-home details.qa[open] > summary::after {
  transform: rotate(45deg);
  background-color: var(--red);
  color: #fff;
}
.aurora-home .qa-body { padding: 0 22px 22px; }
.aurora-home .qa-body p {
  margin: 0;
  color: var(--ink-3);
  line-height: 1.7;
  font-size: 15px;
}

/* ==========================================================================
   Die sechs meistgesuchten: flache Karten statt Doppelrand
   --------------------------------------------------------------------------
   Der Entwurf setzt jede Kachel in einen grauen Rahmen mit weissem Kern
   darin. Das funktioniert nur, wenn der Kern den Rahmen ausfuellt, und genau
   das tat er nicht: .bento .shell ist display:flex, .core hat aber weder
   Breite noch flex-Angabe und schrumpft dadurch auf seinen Inhalt. Uebrig
   blieb rechts und unten eine graue Flaeche, bei jeder Kachel unterschiedlich
   breit. Das Raster wirkte dadurch versetzt.

   Statt den Kern zu dehnen wird der Doppelrand hier aufgegeben: eine weisse
   Karte, eine Linie darum, alle gleich gross. Das bleibt ruhiger und passt zu
   den Karten im grossen Werkzeugraster darunter.

   Gilt nur innerhalb von .bento; Schritte und Neuheiten behalten die
   Optik des Entwurfs.
   ========================================================================== */
.aurora-home .bento .shell {
  display: block;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: var(--r-l);
}
.aurora-home .bento .shell:hover {
  background: transparent;
  transform: translateY(-3px);
}

.aurora-home .bento .core {
  height: 100%;
  border-radius: var(--r-l);
  background: var(--card);
  box-shadow: inset 0 0 0 1px var(--line-2);
  padding: 24px;
  transition: box-shadow .4s var(--ease);
}
.aurora-home .bento .shell:hover .core {
  box-shadow: inset 0 0 0 1px rgba(229, 9, 20, .35), var(--sh-m);
}

/* Gleiche Hoehe unabhaengig von der Textlaenge: Der Verweis unten sitzt
   dadurch in allen sechs Karten auf derselben Linie. */
.aurora-home .bento .tile-desc { flex: 1; }
.aurora-home .bento .tile-foot { margin-top: 14px; }

/* ==========================================================================
   PDF-Kennzeichnung auf den Dokumentseiten im Aufmacher
   --------------------------------------------------------------------------
   Die Seiten zeigten nur Textzeilen und liessen offen, worum es geht. Ein
   kleines Etikett macht daraus erkennbar eine PDF-Datei, ohne die ruhige
   Anmutung zu stoeren.
   ========================================================================== */
.aurora-home .doc .pdf-tag {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 5px 8px;
  border-radius: 8px;
  background: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.aurora-home .doc .pdf-tag svg { width: 12px; height: 12px; }

/* Seitenzahl auf dem vordersten Blatt, damit es nach einem mehrseitigen
   Dokument aussieht statt nach einem losen Blatt. */
.aurora-home .doc .pdf-seite {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 18px;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--ink-4);
  letter-spacing: .02em;
}

/* ══════════════ NEU DAZUGEKOMMEN ══════════════
   Steht direkt unter dem Aufmacher. Wiederkehrende Besucher sollen ohne
   Scrollen sehen, was seit ihrem letzten Besuch dazugekommen ist.
   Die Karte nutzt shell/core wie das uebrige Raster, ergaenzt um die
   Vorschaugrafik aus frontend/img/og/. */
.aurora-home .neu-band { padding-top:26px }
.aurora-home .eyebrow-neu { color:var(--red) }
.aurora-home .eyebrow-neu i { animation:neu-puls 2.6s var(--ease) infinite }
@keyframes neu-puls {
  0%,100% { box-shadow:0 0 0 0 rgba(220,38,38,.45) }
  50%     { box-shadow:0 0 0 7px rgba(220,38,38,0) }
}

.aurora-home .neu-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px }
.aurora-home .neu-karte { display:flex }
.aurora-home .neu-karte .core { padding:7px;gap:0 }

/* Grafik: festes Seitenverhaeltnis, damit beim Laden nichts springt. */
.aurora-home .neu-medien { position:relative;border-radius:calc(var(--r-xl) - 14px);
  overflow:hidden;background:var(--bg-soft,#f4f5f7);aspect-ratio:1200/630 }
.aurora-home .neu-medien img { width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .8s var(--ease) }
.aurora-home .neu-karte:hover .neu-medien img { transform:scale(1.04) }
.aurora-home .neu-ico { position:absolute;inset:0;display:flex;align-items:center;justify-content:center }

.aurora-home .neu-abzeichen { position:absolute;top:12px;left:12px;
  padding:5px 11px;border-radius:999px;background:var(--red);color:#fff;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 2px 10px rgba(220,38,38,.35) }

.aurora-home .neu-text { padding:20px 20px 22px;display:flex;flex-direction:column;flex:1 }
.aurora-home .neu-datum { font-size:.78rem;color:var(--muted);letter-spacing:.02em }
.aurora-home .neu-titel { margin:6px 0 6px;font-size:1.12rem;line-height:1.25;font-weight:700 }
.aurora-home .neu-desc { margin:0 0 16px;color:var(--muted);font-size:.92rem;line-height:1.55;flex:1 }
.aurora-home .neu-cta { display:inline-flex;align-items:center;gap:7px;
  font-weight:650;font-size:.9rem;color:var(--red) }
.aurora-home .neu-cta svg { width:17px;height:17px;transition:transform .5s var(--ease) }
.aurora-home .neu-karte:hover .neu-cta svg { transform:translateX(4px) }

.aurora-home .neu-fuss { margin:20px 0 0;text-align:center;font-size:.92rem }
.aurora-home .neu-fuss a { color:var(--muted);text-decoration:underline;text-underline-offset:3px }
.aurora-home .neu-fuss a:hover { color:var(--red) }

@media (max-width:900px) {
  .aurora-home .neu-grid { grid-template-columns:1fr 1fr }
  .aurora-home .neu-grid > :nth-child(3) { grid-column:1 / -1 }
}
@media (max-width:620px) {
  .aurora-home .neu-grid { grid-template-columns:1fr }
  .aurora-home .neu-grid > :nth-child(3) { grid-column:auto }
}