.sw-h5 { position: relative; min-height: 100vh; background: #FFFFFF; color: #07211D; font-family: 'Outfit', 'Inter', sans-serif; display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; overflow: hidden; }
.sw-h5-content { padding: 6rem clamp(2.5rem, 5vw, 5.5rem); }
.sw-h5-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.74rem; letter-spacing: 3.5px; text-transform: uppercase; font-weight: 600; color: #07211D; border: 1.5px solid rgba(15,181,166,0.45); border-radius: 999px; padding: 8px 18px; margin-bottom: 2rem; }
.sw-h5-dot { width: 8px; height: 8px; border-radius: 50%; background: #0FB5A6; }
.sw-h5-eyebrow-loc { font-style: normal; color: #5B7470; font-weight: 500; }
.sw-h5-title { font-family: 'Outfit', 'Inter', sans-serif; font-weight: 700; font-size: 112px; line-height: 0.96; letter-spacing: -4px; color: #07211D; margin: 0 0 1.5rem; }
.sw-h5-marker { font-style: normal; background: linear-gradient(transparent 66%, rgba(15,181,166,0.35) 66%); padding: 0 0.08em; }
.sw-h5-sub { font-size: 18px; line-height: 1.6; color: #44605B; max-width: 46ch; margin: 0 0 2.2rem; }
.sw-h5-cta-primary { display: inline-flex; align-items: center; gap: 12px; background: #07211D; color: #FFFFFF; font-size: 0.95rem; font-weight: 600; padding: 17px 34px; border-radius: 14px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h5-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -16px rgba(7,33,29,0.5); }
.sw-h5-ruler { display: flex; gap: 14px; margin-top: 3.4rem; font-family: ui-monospace, 'SF Mono', monospace; font-size: 0.66rem; letter-spacing: 0.08em; color: rgba(7,33,29,0.35); }
.sw-h5-ruler-gap { color: rgba(15,181,166,0.6); }
.sw-h5-ruler-hot { color: #0FB5A6; font-weight: 700; }
.sw-h5-visual { position: relative; padding: 4rem 4rem 4rem 0; }
.sw-h5-capsule { position: relative; height: min(74vh, 640px); border-radius: 36px; transform: rotate(-2.5deg); background-image: url('/studio/components/images/aerzte-3-implantologie.jpg'); background-size: cover; background-position: center; box-shadow: 0 40px 80px -36px rgba(7,33,29,0.45); }
.sw-h5-capsule::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(7,33,29,0.08); }
.sw-h5-photo-credit { position: absolute; bottom: 14px; right: 18px; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.85); background: rgba(7,33,29,0.45); padding: 4px 10px; border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.sw-h5-trust { position: absolute; left: -28px; bottom: 18%; display: flex; align-items: center; gap: 12px; background: #FFFFFF; border-radius: 18px; padding: 14px 20px; box-shadow: 0 22px 48px -20px rgba(7,33,29,0.4); transform: rotate(1.5deg); }
.sw-h5-trust-dot { width: 10px; height: 10px; border-radius: 50%; background: #0FB5A6; box-shadow: 0 0 0 5px rgba(15,181,166,0.18); }
.sw-h5-trust strong { display: block; font-size: 0.82rem; color: #07211D; }
.sw-h5-trust span { display: block; font-size: 0.74rem; color: #5B7470; }
@media (max-width: 960px) { .sw-h5 { grid-template-columns: 1fr; } .sw-h5-title { font-size: 64px; letter-spacing: -2px; } .sw-h5-visual { padding: 0 2rem 3rem; } .sw-h5-capsule { height: 46vh; } .sw-h5-trust { left: 8px; } }