.sec--blog-hero {
padding-top: 72px;
padding-bottom: 0;
}
.blog-hero__title {
font-size: clamp(44px, 9vw, 80px) !important;
line-height: 1 !important;
font-weight: 800;
letter-spacing: -0.035em;
}
.blog-hero__lead {
margin-top: 26px !important;
font-size: 20px;
line-height: 1.55;
max-width: 54ch;
}
.blog-filter {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 40px !important;
}
.blog-filter > * {
margin: 0;
}
.blog-filter .wp-block-categories {
display: contents;
list-style: none;
margin: 0;
padding: 0;
}
.blog-filter .wp-block-categories li {
display: contents;
} .blog-filter .wp-block-categories .cat-item-1 {
display: none;
}
main .blog-filter a {
text-decoration: none;
}
.pill a,
.blog-filter .wp-block-categories a {
display: inline-flex;
align-items: center;
height: 46px;
padding: 0 18px;
box-sizing: border-box;
background: var(--wp--preset--color--paper);
border: 2px solid var(--wp--preset--color--ink);
border-radius: 8px;
font-size: 15px;
font-weight: 700;
color: var(--wp--preset--color--ink);
text-decoration: none;
}
.pill a:hover,
.blog-filter .wp-block-categories a:hover,
.pill.is-current a,
.blog-filter .wp-block-categories .current-cat a {
background: var(--wp--preset--color--lime);
border-color: var(--wp--preset--color--lime);
} .sec--list {
padding-top: 56px;
padding-bottom: 112px;
}
.blog-teaser .wp-block-post-template {
row-gap: 48px;
column-gap: 32px;
}
.blog-teaser .wp-block-post-template > li {
margin: 0;
}
.wp-block-query-pagination {
margin-top: 64px;
gap: 12px;
font-weight: 700;
}
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
height: 46px;
padding: 0 14px;
box-sizing: border-box;
border: 2px solid var(--wp--preset--color--ink);
border-radius: 8px;
text-decoration: none;
font-size: 15px;
}
.wp-block-query-pagination .page-numbers.current {
background: var(--wp--preset--color--lime);
border-color: var(--wp--preset--color--lime);
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
display: flex;
gap: 8px;
} .sec--article {
padding-top: 56px;
padding-bottom: 72px;
}
.art-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px;
margin-top: 28px;
}
.art-head__text {
flex: 1 1 560px;
min-width: 0;
}
.art-head__text > * {
margin-block: 0;
}
.art-cat {
font-size: 14px;
font-weight: 700;
}
.art-cat a {
display: inline-flex;
align-items: center;
height: 40px;
padding: 0 14px;
background: var(--wp--preset--color--lime);
border-radius: 7px;
font-family: var(--wp--preset--font-family--source-code-pro);
font-weight: 600;
text-decoration: none;
color: var(--wp--preset--color--ink);
}
.art-title {
margin-top: 20px !important;
font-size: clamp(32px, 6.4vw, 58px) !important;
line-height: 1.05 !important;
font-weight: 800;
letter-spacing: -0.025em;
}
.art-meta {
margin-top: 22px !important;
font-size: 16px;
font-weight: 600;
}
.art-image {
flex: 0 1 360px;
min-width: 0;
margin: 0;
}
.art-image img {
display: block;
width: 100%;
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.art-body {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 56px;
margin-top: 56px;
}
.prose {
flex: 1 1 560px;
min-width: 0;
max-width: 720px;
}
.prose > * {
margin-left: 0 !important;
margin-right: 0 !important;
}
.prose > :first-child {
margin-top: 0;
}
.prose p,
.prose li {
font-size: 19px;
line-height: 1.7;
}
.prose p {
margin-top: 18px;
}
.prose h2 {
margin-top: 48px;
font-size: 32px !important;
line-height: 1.15 !important;
font-weight: 800;
letter-spacing: -0.015em;
scroll-margin-top: 24px;
}
.prose h3 {
margin-top: 32px;
scroll-margin-top: 24px;
}
.prose ul,
.prose ol {
margin-top: 18px;
padding-left: 22px;
}
.prose li + li {
margin-top: 8px;
}
.prose .wp-block-image,
.prose figure {
margin-top: 28px;
}
.prose img {
height: auto;
max-width: 100%;
border-radius: 12px;
}
.prose blockquote,
.prose .wp-block-quote {
margin: 28px 0 0;
padding: 22px 24px;
background: var(--wp--preset--color--lime);
border: 0;
border-radius: 12px;
font-size: 18px;
line-height: 1.6;
}
.prose blockquote p {
margin: 0;
font-size: 18px;
}
.prose .author {
margin-top: 48px;
}
.prose .wp-block-strg-s-faq {
margin-top: 20px;
} .sec--related {
padding-top: 32px;
padding-bottom: 104px;
} .sec--related:not(:has(.wp-block-post)) {
display: none;
}
.sec--related .blog-teaser .wp-block-post-title {
font-size: 20px;
}
@media (max-width: 640px) {  .sec .art-head > figure.art-image {
flex: 0 0 calc(100% + 40px);
width: calc(100% + 40px);
max-width: none;
margin-left: -20px !important;
margin-right: -20px !important;
}
.art-image img {
border-width: 3px 0;
border-radius: 0;
}
.sec--article {
padding-bottom: 48px;
}
.sec--blog-hero {
padding-top: 40px;
}
.sec--list {
padding-top: 40px;
padding-bottom: 64px;
}
.sec--related {
padding-top: 64px;
padding-bottom: 64px;
}
.prose h2 {
font-size: 26px !important;
}
} .single-projekt .art-image img {
aspect-ratio: 1 / 1 !important;
height: auto !important;
object-fit: contain !important;
background: var(--wp--preset--color--mist);
}