/* hofmanns.digital -- Block 3 / Digitale Souveraenitaet */
.hd-b3 { background: #DEE8E8; border-radius: 16px; padding: 3.5rem; font-family: var(--wp--preset--font-family--figtree), sans-serif; }
.hd-b3__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.hd-b3__card { background: #F5ECD7; border-radius: 16px; overflow: hidden; transition: transform 0.25s ease; }
.hd-b3__card:hover { transform: translateY(-4px); }
.hd-b3__card-top { display: flex; align-items: flex-start; gap: 1rem; padding: 1.25rem 1.25rem 0.5rem; }
.hd-b3__blob { width: 80px; height: 80px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--wp--preset--font-family--fira-code), monospace; font-size: 0.55rem; color: #F5ECD7; text-align: center; line-height: 1.5; }
.hd-b3__blob span { padding: 0.3rem; }
.hd-b3__blob--1 { border-radius: 40% 60% 55% 45% / 50% 45% 55% 50%; background: linear-gradient(135deg, #175B5F, #F0C767); }
.hd-b3__blob--2 { border-radius: 55% 45% 40% 60% / 45% 55% 45% 55%; background: linear-gradient(135deg, #1B4242, #F0C767); }
.hd-b3__blob--3 { border-radius: 40% 60% 55% 45% / 50% 45% 55% 50%; background: linear-gradient(135deg, #175B5F, #DEE8E8); }
.hd-b3__blob--4 { border-radius: 55% 45% 40% 60% / 45% 55% 45% 55%; background: linear-gradient(135deg, #1B4242, #DEE8E8); }
.hd-b3__meta { display: flex; flex-direction: column; padding-top: 0.25rem; }
.hd-b3__body { padding: 0.75rem 1.25rem 1.25rem; }
.hd-card-num { font-family: var(--wp--preset--font-family--fira-code), monospace; font-size: 0.65rem; color: #C0392B; letter-spacing: 0.1em; margin-bottom: 0.25rem; display: block; }
.hd-card-title { font-size: 1.05rem; font-weight: 700; color: #1B4242; margin: 0; }
.hd-card-text { font-size: 0.875rem; color: #175B5F; line-height: 1.65; margin: 0; opacity: 0.85; }
@media (max-width: 640px) { .hd-b3 { padding: 2rem 1.5rem; } .hd-b3__grid { grid-template-columns: 1fr; } }