.artikel-detail{padding-bottom:var(--space-3xl)}.artikel-detail__hero{height:clamp(280px,45vw,520px);position:relative;overflow:hidden}.artikel-detail__hero-img{object-fit:cover;width:100%;height:100%}.artikel-detail__hero-overlay{background:linear-gradient(#0000 40%,#1c394ab3);position:absolute;inset:0}.artikel-detail__header{max-width:var(--max-width-narrow);margin:var(--space-2xl) auto var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.artikel-detail__title{color:var(--color-primary);margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.artikel-detail__datum{color:var(--color-text-light);margin:0;font-size:.85rem}.artikel-detail__intro{color:var(--color-text-medium);border-left:3px solid var(--color-highlight);padding-left:var(--space-md);margin:0;font-size:1.15rem;font-weight:300;line-height:1.7}.artikel-detail__body{max-width:var(--max-width-narrow);color:var(--color-text);margin:0 auto;font-size:1.05rem;line-height:1.8}.artikel-detail__body h2{color:var(--color-primary);margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:clamp(1.3rem,2.5vw,1.8rem)}.artikel-detail__body h3{color:var(--color-primary);margin-top:var(--space-lg);margin-bottom:var(--space-xs);font-size:clamp(1.1rem,2vw,1.4rem)}.artikel-detail__body p{margin-bottom:var(--space-md)}.artikel-detail__body ul,.artikel-detail__body ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.artikel-detail__body li{margin-bottom:var(--space-xs)}.artikel-detail__body a{color:var(--color-primary);text-underline-offset:3px}.artikel-detail__body a:hover{color:var(--color-highlight-dark)}.artikel-detail__body strong{color:var(--color-primary);font-weight:600}.artikel-detail__body img{border-radius:var(--radius-md);width:100%;margin-block:var(--space-lg)}