.sw-h41 { position: relative; min-height: 100vh; background: #FFE8CD; color: #4A2F23; font-family: 'Inter', sans-serif; display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: clamp(2rem, 5vw, 4.5rem); padding: 4.2rem clamp(2rem, 5vw, 4.5rem) 2.6rem; overflow: hidden; }
.sw-h41::before { content: ""; position: absolute; inset: 0; background: radial-gradient(700px 400px at 6% 100%, rgba(255,255,255,0.55), transparent 65%); pointer-events: none; }
.sw-h41-garland { position: absolute; top: 0; left: 0; right: 0; height: 30px; border-top: 3px solid rgba(74,47,35,0.2); background-image: radial-gradient(circle at 13px 3px, #C75B39 0 12px, transparent 13px), radial-gradient(circle at 39px 3px, #7E9181 0 12px, transparent 13px), radial-gradient(circle at 65px 3px, #E8B449 0 12px, transparent 13px), radial-gradient(circle at 91px 3px, #C98A8A 0 12px, transparent 13px); background-size: 104px 30px; background-repeat: repeat-x; }
.sw-h41-content { position: relative; }
.sw-h41-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.68rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; color: #4A2F23; margin-bottom: 1.5rem; }
.sw-h41-dot { width: 8px; height: 8px; border-radius: 50%; background: #C75B39; }
.sw-h41-eyebrow-loc { font-style: normal; font-weight: 500; color: #8A6F5E; letter-spacing: 2px; }
.sw-h41-title { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 58px; line-height: 1.0; letter-spacing: -1.2px; color: #4A2F23; margin: 0 0 1.2rem; max-width: 16ch; }
.sw-h41-italic { font-style: italic; color: #C75B39; }
.sw-h41-sub { font-size: 16px; line-height: 1.7; color: #8A6F5E; max-width: 46ch; margin: 0 0 0.9rem; }
.sw-h41-emphasis { display: block; font-size: 0.66rem; letter-spacing: 0.28em; text-transform: uppercase; font-weight: 700; color: #C75B39; margin-bottom: 1.7rem; }
.sw-h41-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sw-h41-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #C75B39; color: #FFF3E4; font-size: 0.92rem; font-weight: 700; padding: 15px 30px; border-radius: 14px; text-decoration: none; box-shadow: 0 16px 30px -16px rgba(199,91,57,0.8); transition: transform 0.25s ease; }
.sw-h41-cta-primary:hover { transform: translateY(-2px); }
.sw-h41-cta-secondary { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid rgba(74,47,35,0.35); color: #4A2F23; font-size: 0.88rem; font-weight: 600; padding: 13px 26px; border-radius: 14px; text-decoration: none; transition: border-color 0.25s ease, color 0.25s ease; }
.sw-h41-cta-secondary:hover { border-color: #C75B39; color: #C75B39; }
.sw-h41-day { position: relative; background: #FFFFFF; border-radius: 22px; box-shadow: 0 34px 64px -34px rgba(74,47,35,0.5); overflow: visible; padding-bottom: 0.6rem; max-width: 460px; justify-self: center; width: 100%; }
.sw-h41-day-photo { position: relative; height: 168px; border-radius: 22px 22px 0 0; background-image: url('/studio/components/images/kleinunt-4-tagesmutter.jpg'); background-size: cover; background-position: 50% 35%; }
.sw-h41-credit { position: absolute; bottom: 10px; left: 12px; font-size: 0.56rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; color: #FFFFFF; background: rgba(74,47,35,0.55); padding: 4px 9px; border-radius: 999px; }
.sw-h41-tile { position: absolute; top: -16px; right: -18px; display: flex; flex-direction: column; gap: 2px; background: #FFF8EC; border: 1px solid rgba(199,91,57,0.35); border-radius: 14px; padding: 12px 16px; max-width: 230px; transform: rotate(2.5deg); box-shadow: 0 18px 36px -18px rgba(74,47,35,0.55); }
.sw-h41-tile-kicker { font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 800; color: #C75B39; }
.sw-h41-tile-title { font-size: 0.92rem; font-weight: 700; color: #4A2F23; }
.sw-h41-tile-meta { font-size: 0.7rem; line-height: 1.45; color: #8A6F5E; }
.sw-h41-day-label { display: block; font-size: 0.62rem; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 800; color: #7E9181; padding: 1rem 1.4rem 0.4rem; }
.sw-h41-block { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: baseline; padding: 11px 1.4rem; border-top: 1px solid rgba(74,47,35,0.12); }
.sw-h41-block-time { font-family: ui-monospace, 'SF Mono', monospace; font-size: 0.8rem; font-weight: 700; color: #C75B39; }
.sw-h41-block-body { display: flex; flex-direction: column; gap: 2px; }
.sw-h41-block-title { font-family: 'DM Serif Display', Georgia, serif; font-size: 1.02rem; color: #4A2F23; }
.sw-h41-block-meta { font-size: 0.72rem; }
.sw-h41-block-meta-label { color: #8A6F5E; }
@media (max-width: 960px) { .sw-h41 { grid-template-columns: 1fr; padding: 3.4rem 1.4rem 2.2rem; gap: 2.4rem; } .sw-h41-title { font-size: 42px; } .sw-h41-day { max-width: 100%; } .sw-h41-tile { right: 0; } }