/* PBN Publisher — no external fonts or frameworks. */
:root{
	--bg:#fff;--surface:#f6f7f9;--surface-2:#eef1f4;--text:#171a1f;--muted:#6b7280;
	--accent:#2457a7;--accent-2:#173d79;--border:#e4e7eb;--radius:14px;--radius-sm:9px;
	--shadow:0 12px 32px rgba(20,30,45,.08);--max:1180px;--content:760px;
	--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	--font-display:ui-serif,Georgia,Cambria,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
button,input,textarea,select{font:inherit}
.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{clip:auto;width:auto;height:auto;margin:10px;padding:10px 14px;background:#fff;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.site-header__inner{min-height:76px;display:flex;align-items:center;gap:28px}
.site-branding{display:flex;align-items:center;gap:14px;min-width:190px}
.custom-logo{max-height:48px;width:auto}
.site-title{font-family:var(--font-display);font-size:clamp(1.45rem,2vw,1.9rem);font-weight:800;letter-spacing:-.02em}
.site-tagline{display:none;color:var(--muted);font-size:.78rem}
.site-nav{margin-left:auto}
.site-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.site-nav a{display:block;font-size:.94rem;font-weight:650;padding:28px 0}
.site-nav .current-menu-item>a{color:var(--accent)}
.nav-toggle{display:none;border:0;background:transparent;padding:10px;margin-left:auto}
.nav-toggle>span:not(.screen-reader-text){display:block;width:24px;height:2px;background:currentColor;margin:5px 0}
.site-main{min-height:65vh}
.home-intro{padding:64px 0 28px}
.home-intro h1,.archive-header h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,5.4rem);line-height:.98;letter-spacing:-.045em;margin:.18em 0}
.home-intro__text,.archive-description{max-width:660px;color:var(--muted);font-size:1.08rem}
.eyebrow,.article-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:var(--accent)}
.hero{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin-bottom:54px}
.hero-card{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);min-height:260px}
.hero-card--primary{grid-row:span 2;min-height:540px}
.hero-card__media{position:absolute;inset:0}
.hero-card__media img,.post-card__media img{width:100%;height:100%;object-fit:cover}
.hero-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.82) 100%)}
.hero-card__body{position:absolute;left:0;right:0;bottom:0;padding:24px;color:#fff}
.hero-card__body .article-kicker{color:#fff;opacity:.86}
.hero-card h2{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,2.6rem);line-height:1.06;margin:.35rem 0}
.hero-card p{max-width:650px;color:rgba(255,255,255,.86)}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.78rem}
.hero-card .article-meta{color:rgba(255,255,255,.72)}
.image-placeholder{display:block;width:100%;height:100%;min-height:180px;background:linear-gradient(135deg,var(--surface-2),var(--surface))}
.content-section{padding:20px 0 64px}
.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:22px}
.section-heading h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.25rem);margin:0 0 12px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.post-card{overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}
.post-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface)}
.post-card__media img{transition:transform .28s ease}
.post-card:hover .post-card__media img{transform:scale(1.025)}
.post-card__body{padding:18px}
.post-card__title{font-family:var(--font-display);font-size:1.3rem;line-height:1.15;margin:.35rem 0 .6rem}
.post-card__excerpt{color:var(--muted);font-size:.93rem;margin:.4rem 0 1rem}
.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 0 72px}
.category-pill{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface);border-radius:999px;font-size:.88rem;font-weight:700}
.category-pill span{color:var(--muted);font-weight:500}
.archive-header{padding:68px 0 30px}
.archive-header h1{font-size:clamp(2.2rem,5vw,4.4rem)}
.navigation.pagination{margin:38px 0}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{padding:8px 12px;border:1px solid var(--border);border-radius:8px}
.page-numbers.current{background:var(--text);color:#fff;border-color:var(--text)}
.breadcrumbs{padding:38px 0 18px;color:var(--muted);font-size:.82rem;display:flex;gap:7px;flex-wrap:wrap}
.article{max-width:var(--max)}
.article-header{max-width:920px;margin:10px auto 28px;text-align:center}
.article-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5.7rem);line-height:.98;letter-spacing:-.045em;margin:.18em 0}
.article-lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:760px;margin:16px auto}
.article-header .article-meta{justify-content:center}
.article-hero{max-width:1080px;margin:34px auto 48px}
.article-hero img{width:100%;border-radius:calc(var(--radius) + 5px)}
.article-content{max-width:var(--content);margin:0 auto;padding-bottom:60px;font-size:1.06rem}
.article-content h2,.article-content h3{font-family:var(--font-display);line-height:1.15;margin-top:2em}
.article-content h2{font-size:2rem}.article-content h3{font-size:1.5rem}
.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.article-content figure{margin:2em 0}
.article-content blockquote{margin:2em 0;padding:8px 0 8px 22px;border-left:4px solid var(--accent);font-family:var(--font-display);font-size:1.22rem}
.pbn-privacy-note{padding:18px;border:1px dashed var(--border);background:var(--surface);color:var(--muted);border-radius:var(--radius-sm);font-size:.9rem}
.related{padding:30px 0 78px}
.post-grid--related{grid-template-columns:repeat(3,1fr)}
.empty-state{text-align:center;padding:90px 20px}
.button{display:inline-block;background:var(--accent);color:#fff;padding:11px 16px;border-radius:10px;font-weight:700}
.site-footer{background:var(--text);color:#fff;margin-top:40px}
.site-footer__inner{padding:48px 0;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:start}
.site-footer p{color:rgba(255,255,255,.68)}
.site-footer ul{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}
.site-footer__copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:22px}

/* Baby: soft, rounded and airy */
.pbn-preset-baby{--bg:#fffbfc;--surface:#fff1f4;--surface-2:#fbe3e8;--text:#382c31;--muted:#7e6871;--accent:#b65370;--accent-2:#8e3d56;--border:#f0dce2;--radius:26px;--font-display:ui-rounded,"SF Pro Rounded",system-ui,sans-serif}
.pbn-preset-baby .hero{grid-template-columns:1.45fr 1fr}
.pbn-preset-baby .hero-card--primary{grid-row:span 2}
.pbn-preset-baby .hero-card:nth-child(4),.pbn-preset-baby .hero-card:nth-child(5){display:none}
.pbn-preset-baby .post-card{box-shadow:0 12px 30px rgba(120,75,90,.07)}
.pbn-preset-baby .post-card__media{aspect-ratio:4/3}
.pbn-preset-baby .category-pill{background:#fff;border:1px solid var(--border)}

/* Tiere: organic, round image previews */
.pbn-preset-tiere{--bg:#fbfdf9;--surface:#f0f5ec;--surface-2:#e2ebdc;--text:#26302a;--muted:#6c796e;--accent:#3f794a;--accent-2:#2d5d36;--border:#dce7d7;--radius:18px}
.pbn-preset-tiere .hero{grid-template-columns:1.35fr .8fr .8fr}
.pbn-preset-tiere .post-grid{grid-template-columns:repeat(4,1fr)}
.pbn-preset-tiere .post-card{border:0;background:transparent}
.pbn-preset-tiere .post-card__media{aspect-ratio:1;border-radius:999px}
.pbn-preset-tiere .post-card__body{text-align:center}
.pbn-preset-tiere .post-card__excerpt{display:none}
.pbn-preset-tiere .post-card .article-meta{justify-content:center}
.pbn-preset-tiere .category-pill{border-radius:14px}

/* Technik: dense, square and compact */
.pbn-preset-technik{--bg:#f8fafb;--surface:#edf3f6;--surface-2:#dfeaf0;--text:#10212a;--muted:#61727a;--accent:#135f7d;--accent-2:#0a4258;--border:#d6e1e6;--radius:4px;--radius-sm:3px;--font-display:var(--font)}
.pbn-preset-technik .site-header{border-bottom:3px solid var(--accent)}
.pbn-preset-technik .hero{grid-template-columns:1.5fr 1fr;gap:10px}
.pbn-preset-technik .hero-card--primary{grid-row:span 4;min-height:570px}
.pbn-preset-technik .hero-card--secondary{min-height:132px}
.pbn-preset-technik .hero-card--secondary .hero-card__media{width:42%;right:auto}
.pbn-preset-technik .hero-card--secondary .hero-card__media:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.3))}
.pbn-preset-technik .hero-card--secondary .hero-card__body{left:42%;top:0;display:flex;flex-direction:column;justify-content:center;background:var(--surface);color:var(--text)}
.pbn-preset-technik .hero-card--secondary .article-kicker{color:var(--accent)}
.pbn-preset-technik .hero-card--secondary .article-meta{color:var(--muted)}
.pbn-preset-technik .post-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.pbn-preset-technik .post-card{display:grid;grid-template-columns:180px 1fr}
.pbn-preset-technik .post-card__media{aspect-ratio:auto;min-height:150px}
.pbn-preset-technik .post-card__excerpt{display:none}

/* Ratgeber: horizontal guide list */
.pbn-preset-ratgeber{--bg:#fffdfa;--surface:#fff5e5;--surface-2:#fbe6c5;--text:#2e271f;--muted:#796b5d;--accent:#c56810;--accent-2:#934a08;--border:#ecdcc6;--radius:10px}
.pbn-preset-ratgeber .hero{grid-template-columns:1fr 1fr}
.pbn-preset-ratgeber .hero-card--primary{grid-column:1/-1;grid-row:auto;min-height:430px}
.pbn-preset-ratgeber .hero-card:nth-child(4),.pbn-preset-ratgeber .hero-card:nth-child(5){display:none}
.pbn-preset-ratgeber .post-grid{grid-template-columns:1fr}
.pbn-preset-ratgeber .post-card{display:grid;grid-template-columns:280px 1fr}
.pbn-preset-ratgeber .post-card__media{aspect-ratio:4/3}
.pbn-preset-ratgeber .post-card__title{font-size:1.45rem}
.pbn-preset-ratgeber .category-strip{grid-template-columns:repeat(3,1fr)}

/* Lifestyle: editorial mosaic */
.pbn-preset-lifestyle{--bg:#fffdfb;--surface:#f4efeb;--surface-2:#eadfd8;--text:#2a2226;--muted:#796a72;--accent:#81566b;--accent-2:#5f3d4e;--border:#eadfe4;--radius:20px}
.pbn-preset-lifestyle .home-intro{text-align:center;max-width:820px}
.pbn-preset-lifestyle .hero{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr}
.pbn-preset-lifestyle .hero-card--primary{grid-row:1/3;min-height:620px}
.pbn-preset-lifestyle .hero-card:nth-child(4),.pbn-preset-lifestyle .hero-card:nth-child(5){display:none}
.pbn-preset-lifestyle .post-grid{grid-template-columns:repeat(12,1fr)}
.pbn-preset-lifestyle .post-card{grid-column:span 4}
.pbn-preset-lifestyle .post-card:nth-child(5n+1),.pbn-preset-lifestyle .post-card:nth-child(5n+2){grid-column:span 6}
.pbn-preset-lifestyle .post-card:nth-child(5n+1) .post-card__media,.pbn-preset-lifestyle .post-card:nth-child(5n+2) .post-card__media{aspect-ratio:16/9}

/* responsive */
@media (max-width:980px){
	.hero,.pbn-preset-baby .hero,.pbn-preset-tiere .hero,.pbn-preset-technik .hero,.pbn-preset-ratgeber .hero,.pbn-preset-lifestyle .hero{grid-template-columns:1fr 1fr}
	.hero-card--primary,.pbn-preset-technik .hero-card--primary,.pbn-preset-lifestyle .hero-card--primary{grid-column:1/-1;grid-row:auto;min-height:480px}
	.post-grid,.pbn-preset-tiere .post-grid{grid-template-columns:repeat(2,1fr)}
	.pbn-preset-technik .post-card{grid-template-columns:145px 1fr}
	.category-strip{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
	.shell{width:min(calc(100% - 28px),var(--max))}
	.site-header__inner{min-height:66px}
	.nav-toggle{display:block}
	.site-nav{display:none;position:absolute;left:0;right:0;top:66px;background:var(--bg);border-bottom:1px solid var(--border);padding:16px 22px}
	.site-nav.is-open{display:block}
	.site-nav ul{display:block}
	.site-nav a{padding:10px 0}
	.home-intro{padding-top:42px}
	.hero,.pbn-preset-baby .hero,.pbn-preset-tiere .hero,.pbn-preset-technik .hero,.pbn-preset-ratgeber .hero,.pbn-preset-lifestyle .hero{display:block}
	.hero-card{margin-bottom:12px;min-height:230px}
	.hero-card--primary,.pbn-preset-technik .hero-card--primary,.pbn-preset-lifestyle .hero-card--primary{min-height:390px}
	.pbn-preset-technik .hero-card--secondary .hero-card__media{width:100%;right:0}
	.pbn-preset-technik .hero-card--secondary .hero-card__body{left:0;top:auto;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));color:#fff}
	.pbn-preset-technik .hero-card--secondary .article-kicker{color:#fff}
	.pbn-preset-technik .hero-card--secondary .article-meta{color:rgba(255,255,255,.72)}
	.post-grid,.pbn-preset-tiere .post-grid,.pbn-preset-technik .post-grid,.pbn-preset-lifestyle .post-grid{grid-template-columns:1fr;display:grid}
	.pbn-preset-lifestyle .post-card{grid-column:auto}
	.pbn-preset-technik .post-card,.pbn-preset-ratgeber .post-card{grid-template-columns:110px 1fr}
	.pbn-preset-ratgeber .post-card__excerpt,.pbn-preset-technik .post-card__excerpt{display:none}
	.category-strip,.pbn-preset-ratgeber .category-strip{grid-template-columns:1fr 1fr}
	.article-header{text-align:left}
	.article-header .article-meta{justify-content:flex-start}
	.article-header h1{font-size:clamp(2.2rem,11vw,4.2rem)}
	.site-footer__inner{grid-template-columns:1fr}
	.site-footer__copy{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*:before,*:after{transition:none!important;animation:none!important}
}