/* Styles der alten Website (tokens.css + base.css), begrenzt auf den Inhaltsbereich .alt */
.alt{--bg:#F3F3F0;
  --card:#FFFFFF;
  --ink:#141519;
  --muted:#6C6F73;
  --line:#E3E3DE;
  --blue:#1E2CE6;
  --blue-2:#4B57FF;
  
  --fw-text:400;
  --fw-head:500;
  
  --r:20px;
  
  --shadow:0 2px 6px rgba(20,21,25,.04),0 18px 44px -22px rgba(20,21,25,.14);
  
  --ease:cubic-bezier(.22,.8,.24,1);
  
  --sec:170px;}
.alt, .alt *{margin:0;padding:0;box-sizing:border-box}
.alt{color:var(--ink);font-family:'Instrument Sans',sans-serif;font-weight:var(--fw-text);-webkit-font-smoothing:antialiased;overflow-x:clip}
.alt ::selection{background:var(--blue);color:#fff}
.alt a{color:inherit;text-decoration:none}
.alt img{display:block;max-width:100%}
.alt button{font-family:inherit;color:inherit}
.alt h1,.alt h2,.alt h3,.alt h4,.alt h5,.alt h6,.alt b,.alt strong,.alt th{font-weight:var(--fw-head)}
.alt em{font-style:normal}
.alt .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.alt .accent{color:var(--blue)}
.alt .label{display:inline-flex;align-items:baseline;gap:10px;font-size:12.5px;font-weight:var(--fw-head);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.alt .label i{font-style:normal;color:var(--blue);letter-spacing:0}
.alt h2.big{font-weight:var(--fw-head);font-size:clamp(28px,3.6vw,46px);letter-spacing:-.035em;line-height:1.03;max-width:18ch}
@media(max-width:840px){
.alt .wrap{padding-left:24px!important;padding-right:24px!important}
}
.alt .btn{display:inline-block;background:var(--blue);color:#fff;font-weight:var(--fw-head);font-size:15px;
  padding:13px 24px;border-radius:100px;transition:background .3s var(--ease),transform .25s var(--ease),box-shadow .3s}
.alt .btn:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(20,21,25,.5)}
.alt .btn:focus:not(:focus-visible){outline:none}
.alt .btn.glass{background:rgba(30,44,230,.09);color:var(--blue);border:1px solid rgba(30,44,230,.26);
  border-radius:9px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.alt .btn.glass:hover{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 12px 26px -14px var(--blue)}
.alt .btn.outline{background:rgba(255,255,255,.72);color:var(--ink);border:1px solid rgba(20,21,25,.12);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px -8px rgba(20,21,25,.18)}
.alt .btn.outline:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.alt .btn.chip{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 26px}
.alt .btn.chip .ic{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;
  transition:transform .3s var(--ease)}
.alt .btn.chip .ic svg{width:16px;height:16px;stroke:var(--blue);stroke-width:2;fill:none;transition:stroke .3s}
.alt .btn.chip:hover .ic{transform:rotate(45deg)}
.alt .btn.chip:hover .ic svg{stroke:var(--ink)}
.alt .ai-note{position:absolute;right:10px;bottom:10px;z-index:2;pointer-events:none;
  background:rgba(20,21,25,.5);color:rgba(255,255,255,.92);
  font-size:10px;font-weight:var(--fw-head);letter-spacing:.05em;padding:3px 8px;border-radius:6px;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.alt .obs{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s var(--ease)}
.alt .obs.in{opacity:1;transform:none}
@keyframes up{to{transform:translateY(0)}}
@keyframes fade{to{opacity:1}}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes slide{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
.alt, .alt *{animation:none!important;transition:none!important}
.alt .obs{opacity:1;transform:none}
}
.alt :focus-visible{outline:2px solid var(--blue);outline-offset:3px}