.sw-h3 { position: relative; min-height: 100vh; display: flex; flex-direction: column; background: #0F1216; color: #E8ECF1; font-family: 'Inter', sans-serif; overflow: hidden; }
.sw-h3-bg { position: absolute; inset: 0; z-index: 0; background: radial-gradient(ellipse at 78% 45%, rgba(201, 249, 72, 0.12) 0%, transparent 48%), radial-gradient(circle at 22% 30%, rgba(78, 130, 145, 0.20) 0%, transparent 42%), linear-gradient(135deg, rgba(15, 18, 22, 0.82) 0%, rgba(7, 9, 12, 0.94) 100%), url('/studio/components/images/aerzte-1-sportmedizin.jpg') center/cover; }
.sw-h3-grid { position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient(to right, rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.025) 1px, transparent 1px); background-size: 80px 80px; -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%); mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%); }
.sw-h3-content { position: relative; z-index: 5; flex: 1; padding: 7rem clamp(2rem, 4vw, 4rem) 5rem; display: flex; flex-direction: column; justify-content: center; max-width: 1480px; margin: 0 auto; width: 100%; }
.sw-h3-pulse { display: inline-flex; align-items: center; gap: 10px; padding: 8px 18px 8px 14px; background: rgba(201, 249, 72, 0.06); border: 1px solid rgba(201, 249, 72, 0.32); border-radius: 999px; font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; color: #B8C0CC; font-weight: 500; align-self: flex-start; margin-bottom: 1.8rem; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.sw-h3-pulse strong { color: #C9F948; font-weight: 700; letter-spacing: 0.14em; }
.sw-h3-pulse-sep { color: rgba(255,255,255,0.20); }
.sw-h3-pulse-dot { width: 7px; height: 7px; background: #C9F948; border-radius: 50%; box-shadow: 0 0 0 0 rgba(201, 249, 72, 0.6); animation: sw-h3-pulse 1.6s ease-out infinite; flex-shrink: 0; }
@keyframes sw-h3-pulse { 0% { box-shadow: 0 0 0 0 rgba(201, 249, 72, 0.55); } 70% { box-shadow: 0 0 0 10px rgba(201, 249, 72, 0); } 100% { box-shadow: 0 0 0 0 rgba(201, 249, 72, 0); } }
.sw-h3-eyebrow { display: inline-flex; align-items: center; gap: 14px; font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 0.75rem; letter-spacing: 0.22em; text-transform: uppercase; color: #C9F948; font-weight: 600; margin-bottom: 1.4rem; }
.sw-h3-eyebrow-rule { width: 28px; height: 1px; background: currentColor; }
.sw-h3-eyebrow-loc { font-style: normal; color: #7B8390; }
.sw-h3-title { font-family: 'Inter', '-apple-system', sans-serif; font-weight: 800; font-size: 132px; line-height: 0.92; letter-spacing: -3.6px; color: #E8ECF1; margin: 0 0 1.4rem; max-width: 1100px; }
.sw-h3-title-neon { color: #C9F948; }
.sw-h3-title-outline { color: transparent; -webkit-text-stroke: 1.5px #E8ECF1; text-stroke: 1.5px #E8ECF1; font-style: italic; }
.sw-h3-sub { font-size: 17px; line-height: 1.55; color: #7B8390; max-width: 540px; margin: 0 0 2.2rem; }
.sw-h3-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.sw-h3-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #C9F948; color: #0F1216; padding: 16px 30px; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 0.82rem; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; transition: all 0.25s; border: 1.5px solid #C9F948; }
.sw-h3-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(201, 249, 72, 0.30); }
.sw-h3-arrow { display: inline-block; transition: transform 0.25s; }
.sw-h3-cta-primary:hover .sw-h3-arrow { transform: translateX(4px); }
@media (max-width: 900px) { .sw-h3-content { padding: 5rem 1.6rem 3rem; } .sw-h3-title { font-size: clamp(2.6rem, 12vw, 4.2rem); letter-spacing: -1.6px; } .sw-h3-actions { flex-direction: column; align-items: stretch; } .sw-h3-cta-primary { justify-content: center; } }