/* andi24.de – Hero „Druckbogen + Andi“ (31.10.2026). Nur Startseite, alles unter #hero-text.a24-bogen */
@font-face{font-family:"A24 Hand";src:url("../fonts/caveat-600-servus.woff2") format("woff2");font-weight:600;font-display:swap}
@property --a24ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes a24rot{to{--a24ang:360deg}}
#hero-text.a24-bogen{background-image:linear-gradient(rgba(159,176,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(159,176,196,.05) 1px,transparent 1px);background-size:40px 40px}
.a24-bogen .a24-sheet{position:relative;padding:46px 30px 26px}
.a24-crop{position:absolute;width:26px;height:26px;border:0 solid rgba(231,238,246,.5)}
.a24-crop.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.a24-crop.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.a24-crop.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.a24-crop.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.a24-reg{position:absolute;top:10px;left:50%;width:22px;height:22px;margin-left:-11px;opacity:.55}
#hero-text h1.a24-big{font-size:clamp(52px,13vw,150px)!important;line-height:.86!important;font-weight:900!important;letter-spacing:-.045em!important;text-transform:uppercase;margin:18px 0 0!important}
.a24-big .l1,.a24-big .l2{display:block;position:relative}
.a24-big .l1{color:#fff}
.a24-big .l2{color:#6ab2cf}
.a24-big .l1::before,.a24-big .l2::before,.a24-big .l2::after{content:attr(data-t);position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;opacity:0}
.a24-big .l1::before{color:#E5007E}
.a24-big .l2::before{color:#00A3E0}
.a24-big .l2::after{color:#FFE600}
.a24-bogen.run .a24-big .l2::before{animation:a24passC 2.6s cubic-bezier(.2,.8,.2,1) both}
.a24-bogen.run .a24-big .l2::after{animation:a24passY 2.6s cubic-bezier(.2,.8,.2,1) both}
.a24-bogen.run .a24-big .l1::before{animation:a24passM 2.6s cubic-bezier(.2,.8,.2,1) both}
@keyframes a24passC{0%{transform:translate(-18px,-8px);opacity:.95}35%{transform:translate(-12px,-5px);opacity:.9}85%{opacity:.5}100%{transform:none;opacity:0}}
@keyframes a24passY{0%{transform:translate(16px,10px);opacity:.95}35%{transform:translate(10px,7px);opacity:.9}85%{opacity:.5}100%{transform:none;opacity:0}}
@keyframes a24passM{0%{transform:translate(14px,-10px);opacity:.9}35%{transform:translate(9px,-6px);opacity:.85}85%{opacity:.45}100%{transform:none;opacity:0}}
.a24-byline{display:flex;align-items:center;gap:18px;max-width:640px;margin:28px auto 34px;text-align:left}
.a24-byline .ph{width:88px;height:88px;flex:0 0 88px;border-radius:50%;padding:4px;background:conic-gradient(from var(--a24ang),#6AB2CF,#8B7CF6,#8FD3EA,#6AB2CF);animation:a24rot 8s linear infinite}
.a24-byline img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #0F172A;display:block}
.a24-byline p{margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.6;min-width:0}
.a24-byline .hand{display:block;font:600 28px/1.1 "A24 Hand","Segoe Print","Bradley Hand",cursive;color:#8FD3EA;margin-bottom:2px}
.a24-strip{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;margin:30px 0 0;font:500 10.5px ui-monospace,Consolas,monospace;color:rgba(159,176,196,.7);letter-spacing:.5px}
.a24-strip .bar{display:flex;height:12px}
.a24-strip .bar i{width:18px;display:block}
@media (max-width:767px){
  .a24-bogen .a24-sheet{padding:40px 10px 20px}
  .a24-byline{gap:14px;margin:22px auto 24px}
  .a24-byline .ph{width:64px;height:64px;flex-basis:64px;padding:3px}
  .a24-byline p{font-size:15px}.a24-byline .hand{font-size:24px}
  .a24-strip{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.a24-bogen.run .a24-big .l1::before,.a24-bogen.run .a24-big .l2::before,.a24-bogen.run .a24-big .l2::after{animation:none}.a24-byline .ph{animation:none}}