.sw-h6 { position: relative; min-height: 100vh; background: #D9EBFA; color: #1F3A5F; font-family: 'Inter', sans-serif; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; overflow: hidden; }
.sw-h6-sun { position: absolute; top: -70px; right: -70px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle at 38% 38%, #FFD968, #FFC83D 70%); box-shadow: 0 0 0 26px rgba(255,200,61,0.18); }
.sw-h6-cloud { position: absolute; background: rgba(255,255,255,0.85); border-radius: 999px; }
.sw-h6-cloud-a { width: 150px; height: 44px; top: 9%; left: 60%; }
.sw-h6-cloud-b { width: 96px; height: 32px; bottom: 18%; left: 6%; }
.sw-h6-content { position: relative; z-index: 1; padding: 6rem clamp(2.5rem, 5vw, 5rem); }
.sw-h6-eyebrow { display: inline-block; font-size: 0.74rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; color: #FFFFFF; background: #E66B45; border-radius: 999px; padding: 9px 20px; transform: rotate(-2deg); box-shadow: 0 10px 22px -10px rgba(230,107,69,0.55); margin-bottom: 2rem; }
.sw-h6-eyebrow em { font-style: normal; font-weight: 500; color: rgba(255,255,255,0.85); }
.sw-h6-title { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 84px; line-height: 1.02; letter-spacing: -1px; color: #1F3A5F; margin: 0 0 0.4rem; }
.sw-h6-crayon { font-family: 'Caveat', cursive; font-style: normal; font-weight: 700; font-size: 1.18em; color: #E66B45; }
.sw-h6-squiggle { width: 220px; height: 14px; display: block; margin: 0 0 1.4rem 4px; }
.sw-h6-sub { font-size: 17px; line-height: 1.65; color: #43608A; max-width: 44ch; margin: 0 0 2.2rem; }
.sw-h6-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #1F3A5F; color: #FFFFFF; font-size: 0.95rem; font-weight: 700; padding: 16px 32px; border-radius: 999px; text-decoration: none; outline: 2px dashed rgba(31,58,95,0.4); outline-offset: 5px; transition: transform 0.25s ease; }
.sw-h6-cta-primary:hover { transform: translateY(-2px) rotate(-1deg); }
.sw-h6-visual { position: relative; z-index: 1; padding: 4rem 4.5rem 4rem 1rem; }
.sw-h6-blob { position: relative; height: min(70vh, 600px); border-radius: 58% 42% 55% 45% / 52% 48% 52% 48%; border: 6px solid #FFFFFF; transform: rotate(2deg); background-image: url('/studio/components/images/aerzte-4-kinderarzt.jpg'); background-size: cover; background-position: center; box-shadow: 0 34px 70px -30px rgba(31,58,95,0.45); }
.sw-h6-photo-credit { position: absolute; bottom: 16px; right: 26px; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.9); background: rgba(31,58,95,0.5); padding: 4px 10px; border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.sw-h6-sticker { position: absolute; left: -16px; bottom: 14%; background: #FFFFFF; border-radius: 16px; padding: 14px 20px; transform: rotate(-3deg); box-shadow: 0 20px 44px -18px rgba(31,58,95,0.4); }
.sw-h6-sticker strong { display: block; font-size: 0.82rem; color: #E66B45; }
.sw-h6-sticker span { display: block; font-size: 0.74rem; color: #43608A; }
@media (max-width: 960px) { .sw-h6 { grid-template-columns: 1fr; } .sw-h6-title { font-size: 52px; } .sw-h6-visual { padding: 0 2rem 3rem; } .sw-h6-blob { height: 44vh; } .sw-h6-sticker { left: 6px; } }