.ga{--a:12px;--S:48px;--w:min(78px,17.6cqi);position:relative;container-type:inline-size;width:100%;max-width:480px}.ga-schnur{position:absolute;left:0;top:0;width:100%;height:60px;overflow:visible;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.ga-schnur path{fill:none}.ga-schnur-tiefe{stroke:rgba(27,43,107,.16);stroke-width:4.6px;transform:translateY(1.2px)}.ga-schnur-kern{stroke:#fff;stroke-width:3.8px}.ga-schnur-strang{stroke-width:1.75px;stroke-linecap:round}.ga-schnur-glanz{stroke:rgba(255,255,255,.55);stroke-width:.6px}.ga-reihe{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.ga-reihe>li{display:flex;justify-content:center;padding-top:calc(var(--a) + var(--k) * var(--S));margin:0}.ga-tag{width:var(--w);text-decoration:none;color:var(--schrift);-webkit-tap-highlight-color:transparent;outline:none}.ga-pendel,.ga-tag,.ga-zupf{display:block;position:relative}.ga-pendel,.ga-zupf{transform-origin:50% 0}.ga-pendel{transform:rotate(var(--ruhe))}.ga-zupf{padding-top:var(--faden)}.ga-knoten{left:50%;z-index:2;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 45%,#fff) 0,var(--c) 55%,color-mix(in srgb,var(--c) 72%,#1B2B6B) 100%);transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px rgba(255,255,255,.8),0 1px 2px rgb(from var(--c) r g b/.45)}.ga-faden,.ga-knoten{position:absolute;top:0}.ga-faden{left:calc(50% - 1px);z-index:0;width:2px;height:calc(var(--faden) + var(--w) * 15 / 78);background:repeating-linear-gradient(158deg,color-mix(in srgb,var(--c) 70%,#1B2B6B) 0 1.4px,color-mix(in srgb,var(--c) 55%,#fff) 1.4px 2.8px);border-radius:1px}.ga-karte{display:block;position:relative;z-index:1;aspect-ratio:78/112;filter:drop-shadow(0 9px 12px rgb(from var(--c) r g b/.22)) drop-shadow(0 1px 1.5px rgb(from var(--c) r g b/.4))}.ga-form{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ga-kante{fill:color-mix(in srgb,var(--c) 66%,#1B2B6B)}.ga-korn{opacity:.32;mix-blend-mode:soft-light}.ga-rahmen{fill:none;stroke:var(--schrift);stroke-opacity:.26;stroke-width:.7px}.ga-loch{fill:none;stroke:color-mix(in srgb,var(--c) 50%,#1B2B6B);stroke-width:.8px}.ga-oese{fill:none;stroke:url(#ga-messing);stroke-width:2.3px}.ga-oese-licht{fill:none;stroke:#fff;stroke-opacity:.85;stroke-width:.7px;stroke-linecap:round}.ga-streif{transform:translateX(0) skewX(-16deg);transform-box:view-box}.ga-text{position:absolute;left:6%;right:6%;top:30%;bottom:7%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1;font-family:var(--serif);color:var(--schrift)}.ga-fuer,.ga-zusatz{font-style:italic;font-weight:500;font-size:max(11px,calc(var(--w) * .175));opacity:.86}.ga-name{margin-top:.12em;font-weight:600;font-size:max(14px,calc(var(--w) * .255));letter-spacing:-.005em;white-space:nowrap}.ga-zusatz{margin-top:.38em;font-size:max(10.5px,calc(var(--w) * .155))}[data-druck=navy] .ga-text{text-shadow:0 1px 0 rgba(255,255,255,.42),0 -.5px 0 color-mix(in srgb,var(--c) 60%,#1B2B6B)}[data-druck=weiss] .ga-text{text-shadow:0 -1px 0 color-mix(in srgb,var(--c) 55%,#1B2B6B),0 1px 0 rgba(255,255,255,.14)}[data-folie=gold] .ga-text>span{background:linear-gradient(170deg,#FFF3C4,#F5C300 38%,#FFE68A 55%,#C99A00 82%,#F7DB7A);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(10,18,52,.55))}.ga-tag:focus-visible .ga-karte{outline:2px solid var(--c);outline-offset:4px;border-radius:6px}.ga-zupf{--richtung:1}.ga-zupf.ga-zupft{animation:gaZupf 1.7s cubic-bezier(.37,0,.63,1) both}@keyframes gaZupf{0%{transform:rotate(0deg)}14%{transform:rotate(calc(var(--richtung) * 7deg))}34%{transform:rotate(calc(var(--richtung) * -4.6deg))}54%{transform:rotate(calc(var(--richtung) * 2.6deg))}73%{transform:rotate(calc(var(--richtung) * -1.2deg))}88%{transform:rotate(calc(var(--richtung) * .4deg))}to{transform:rotate(0deg)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ga-pendel{animation:gaPendeln var(--dauer) ease-in-out var(--versatz) infinite alternate;will-change:transform}.ga-karte{transition:transform .52s cubic-bezier(.22,1,.36,1)}.ga-tag:focus-visible .ga-karte,.ga-tag:hover .ga-karte{transform:translateY(-3px) scale(1.04)}.ga-tag:hover .ga-streif{transform:translateX(124px) skewX(-16deg);transition:transform 1.1s cubic-bezier(.3,.6,.3,1) .12s}}@keyframes gaPendeln{0%{transform:rotate(calc(var(--ruhe) - 1.3deg))}to{transform:rotate(calc(var(--ruhe) + 1.3deg))}}@media (prefers-reduced-motion:reduce){.ga-zupf.ga-zupft{animation:none}}@media (min-width:1081px){.bb-page-hero-beiwerk:has(.ga){width:min(480px,41vw)}.bb-page-hero-inner:has(.ga) .bb-page-hero-sub,.bb-page-hero-inner:has(.ga) .bb-page-hero-title{max-width:calc(100% - min(480px, 41vw) - 56px);text-wrap:balance}}@media (max-width:1080px){.bb-page-hero-beiwerk:has(.ga){margin-top:22px}}