.blog-header{container-type:inline-size;container-name:blog-header;margin-top:var(--spacing-sm)}@media (width >= 64rem){.blog-header{margin-top:0}}.blog-header-card{--blog-header-image-top: 2.5rem;--blog-header-image-width: 32.25rem;--blog-header-card-padding: var(--spacing-xs);--blog-header-image-right: var(--spacing-xs);--blog-header-content-gap: 2rem;position:relative;width:100%;background-color:var(--color-white);padding:var(--blog-header-card-padding)}@container blog-header (width >= 36rem){.blog-header-card{--blog-header-image-width: 40cqi}}@container blog-header (width >= 60rem){.blog-header-card{--blog-header-image-width: 26.875rem;--blog-header-card-padding: 2.625rem;--blog-header-image-right: 4.3125rem}}.blog-header-content{display:flex;flex-direction:column;width:100%;padding-top:calc(min(100%,var(--blog-header-image-width)) * 5 / 4 - var(--blog-header-image-top))}@container blog-header (width >= 36rem){.blog-header-content{width:calc(100% - var(--blog-header-image-width) - var(--blog-header-image-right) + var(--blog-header-card-padding) - var(--blog-header-content-gap));min-height:calc(var(--blog-header-image-width) * 5 / 4 - var(--blog-header-image-top) - var(--blog-header-card-padding));padding-top:0}}.blog-header-meta{position:relative;display:flex;flex-wrap:wrap;row-gap:.75rem;font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height)}@container blog-header (width < 26rem){.blog-header-meta{row-gap:.5rem}}@container blog-header (width >= 60rem){.blog-header-meta{flex-wrap:nowrap;justify-content:space-between}}.blog-header-author,.blog-header-reading-time{margin-right:1.5rem}@container blog-header (width < 26rem){.blog-header-author,.blog-header-reading-time{margin-right:.75rem}}.blog-header-author{display:flex;align-items:center;gap:1rem}.blog-header-author-image{aspect-ratio:1;width:2.25rem;height:2.25rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.blog-header-author-image img{width:100%;height:100%;object-fit:cover}.blog-header-reading-time{display:flex;align-items:center;gap:.75rem}.blog-header-share{margin-left:auto}@container blog-header (width < 60rem){.blog-header-share .sharing-dropdown{position:static}}@container blog-header (width < 60rem){.blog-header-share .sharing-dropdown-menu{width:100%;min-width:0;max-width:340px}}.blog-header-title{margin-top:1.5rem}@container blog-header (width >= 36rem){.blog-header-title{display:flex;flex:1 1 0%;flex-direction:column;justify-content:flex-end}}@container blog-header (width >= 60rem){.blog-header-title{margin-top:0}}.blog-header-headline{font-size:var(--text-h2);line-height:var(--text-h2--line-height);font-weight:600}@container blog-header (width >= 60rem){.blog-header-headline{font-size:var(--text-h1);line-height:var(--text-h1--line-height)}}.blog-header-title-meta{display:flex;gap:.75rem;margin-bottom:1.25rem;font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-primary)}.blog-header-feature-image{position:absolute;top:calc(-1 * var(--blog-header-image-top));right:var(--blog-header-image-right);width:calc(100% - 2 * var(--spacing-xs));max-width:var(--blog-header-image-width);aspect-ratio:4 / 5;box-shadow:0 1px 2px color-mix(in srgb,var(--color-black) 4%,transparent 96%),0 8px 16px -4px color-mix(in srgb,var(--color-black) 12%,transparent 88%),0 24px 40px -8px color-mix(in srgb,var(--color-black) 16%,transparent 84%)}.blog-header-feature-image img{width:100%;height:100%;object-fit:cover}@container blog-header (width >= 60rem){.blog-header-card .tabs-track{margin-right:calc(var(--blog-header-image-right) - var(--blog-header-card-padding))}}body:not(:has(#downloads)) .blog-header-tab--downloads,body:not(:has(#conditions)) .blog-header-tab--conditions{display:none}body:not(:has(#downloads,#conditions)) .blog-header-card .tabs-track{display:none}.blog-header--mediathek{color:var(--color-white)}.blog-header--mediathek .blog-header-card{background-color:transparent;padding:0}.blog-header--mediathek .blog-header-content{width:100%;min-height:0;padding-top:0}.blog-header--mediathek .blog-header-title{margin-top:0}
