:root{
  --color-cream:#F8F5F1;
  --color-paper:#FFFCF8;
  --color-sand:#E5DED5;
  --color-ink:#2F3133;
  --color-muted:#6f6b66;
  --color-sage:#7f907b;
  --color-terracotta:#B36A4C;
  --color-brown:#8B6D52;
  --font-serif:'Playfair Display',Georgia,serif;
  --font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --space-1:.5rem;
  --space-2:.75rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2rem;
  --space-6:3rem;
  --radius:18px;
  --shadow:0 18px 50px rgba(47,49,51,.10);
  --max:1120px;
}

.container,
.site-header__inner,
.single-article,
.comments-area,
.site-footer__inner{
  width:min(var(--max), calc(100% - 2rem));
  max-width:var(--max);
  margin-inline:auto;
}

*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--color-cream);color:var(--color-ink);font-family:var(--font-sans);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 1.1rem}.skip-link,.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.75rem}

.site-header{position:sticky;top:0;z-index:10;background:rgba(248,245,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(47,49,51,.08)}
.site-header__inner{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:grid}.brand__title,.mobile-menu__brand{font-family:var(--font-serif);font-size:1.45rem;letter-spacing:.08em;font-weight:700;line-height:1}.brand__tagline{font-size:.76rem;color:var(--color-muted);margin-top:.25rem}
.desktop-nav{display:none}.menu-toggle{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:5px}.menu-toggle span:not(.screen-reader-text){display:block;width:24px;height:2px;background:var(--color-ink)}
.mobile-menu{position:fixed;inset:0;z-index:100;background:rgba(47,49,51,.28);padding:1rem}.mobile-menu__panel{background:var(--color-paper);min-height:55vh;border-radius:22px;padding:1.5rem;box-shadow:var(--shadow);position:relative}.mobile-menu__close{position:absolute;right:1rem;top:1rem;border:0;background:transparent;font-size:2rem}.mobile-menu__list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.1rem}.mobile-menu__list a{display:flex;align-items:center;gap:.75rem;font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em}.icon{width:30px;height:30px;color:var(--color-sage)}.icon-user,.icon-star{color:var(--color-terracotta)}.icon-leaf{color:var(--color-brown)}

/* Hero: Inhalt bleibt immer innerhalb des Bildes, H1 skaliert defensiv */
.hero{position:relative;min-height:430px;background:#111;color:#fff;overflow:hidden;display:grid;align-items:end}
.hero__media{position:absolute;inset:0;display:block;background:linear-gradient(135deg,#222,#555)}
.hero__media img{width:100%;height:100%;object-fit:cover;opacity:.72}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.82) 100%);pointer-events:none}
.hero__content{position:relative;z-index:1;width:100%;padding:8rem 1.25rem 2rem;max-width:42rem}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:var(--color-muted);margin-bottom:.6rem}.hero .eyebrow{color:#fff}
.hero h1,.single-hero h1,.archive-header h1{font-family:var(--font-serif);font-size:clamp(2rem,10.5vw,3.4rem);line-height:1.02;margin:.15rem 0 1rem;overflow-wrap:break-word;hyphens:auto}.hero h1 a{display:block}
.hero p{max-width:34rem;font-size:.98rem}.text-link{color:var(--color-terracotta);font-weight:800}

.section{width:min(var(--max), calc(100% - 2rem));max-width:var(--max);margin-inline:auto;padding:2.75rem 0}.section__heading{text-align:center;margin-bottom:1.5rem}.section__heading h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:0}.section__heading:after{content:'';display:block;width:44px;height:1px;background:var(--color-muted);margin:.7rem auto 0;opacity:.5}
.category-list{display:grid;border:1px solid var(--color-sand);background:var(--color-paper)}.category-tile{display:grid;grid-template-columns:54px 1fr 18px;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--color-sand)}.category-tile:last-child{border-bottom:0}.category-tile strong{display:block;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}.category-tile small{display:block;color:var(--color-muted);font-size:.82rem;line-height:1.5}.category-tile__arrow{font-size:1.6rem;color:var(--color-muted)}

/* Mobile-first Cards: wie im Mockup als kompakte Zeilen, nicht als Overlay */
.post-list{display:grid;gap:1rem}.post-card{display:grid;grid-template-columns:112px minmax(0,1fr);background:var(--color-paper);border:1px solid var(--color-sand);min-height:126px;overflow:hidden}.post-card__image{display:block;background:var(--color-sand);height:100%;min-height:126px}.post-card__image img{width:100%;height:100%;object-fit:cover}.post-card__body{padding:.9rem 1rem;min-width:0}.post-card .eyebrow{margin-bottom:.25rem;font-size:.65rem}.post-card h3{font-family:var(--font-serif);font-size:1.08rem;line-height:1.18;margin:.1rem 0 .5rem}.post-card p{display:none}.meta{display:flex;gap:.35rem;flex-wrap:wrap;color:var(--color-muted);font-size:.76rem;line-height:1.4}.archive-header{text-align:center}.nav-links{display:flex;justify-content:center;gap:1rem;margin-top:2rem}

.single-article{background:var(--color-paper)}.single-hero{padding:2.4rem 1.25rem 1.5rem}.single-hero h1{font-size:clamp(2.15rem,11vw,4.1rem);color:var(--color-ink)}.single-hero__excerpt{font-size:1.05rem;color:#46413d}.author-row{display:flex;align-items:center;gap:.85rem;margin-top:1.5rem}.author-row img{border-radius:50%}.author-row span{display:block;font-weight:700}.author-row small{display:block;color:var(--color-muted)}.single-image img{width:100%;max-height:520px;object-fit:cover}.single-image{margin:0}.article-content{padding:1.5rem 1.25rem 2rem;font-size:1.08rem}.article-content h2,.article-content h3{font-family:var(--font-serif);line-height:1.15;margin:2rem 0 .8rem}.article-content h2{font-size:1.8rem}.article-content blockquote{margin:1.75rem 0;padding:1.2rem 1.4rem;border-left:4px solid var(--color-terracotta);background:var(--color-cream);font-family:var(--font-serif);font-size:1.25rem;line-height:1.35}.article-content a{text-decoration:underline;text-decoration-color:var(--color-terracotta);text-underline-offset:3px}.article-footer{border-top:1px solid var(--color-sand);padding:1.5rem 1.25rem 2.5rem;text-align:center}.article-footer p{text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.08em}.share-row{display:flex;justify-content:center;gap:1rem;color:var(--color-terracotta);font-weight:700}
.site-footer{background:#5f6b5d;color:#fff;margin-top:2rem}.site-footer__inner{padding:2rem 0;display:grid;gap:1rem}.site-footer p{color:rgba(255,255,255,.8);margin:.4rem 0}.footer-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.site-footer__copy{font-size:.8rem}

@media (min-width:720px){
  .site-header__inner{height:88px}.desktop-nav{display:block}.desktop-nav__list{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0;font-size:.78rem;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.menu-toggle{display:none}
  .hero{min-height:560px}.hero__content{padding:0 3rem 4rem}.hero h1{font-size:clamp(3rem,6vw,4.3rem);max-width:12ch}.hero p{font-size:1.05rem}
  .category-list{grid-template-columns:repeat(5,1fr);border:0;background:transparent;gap:.75rem}.category-tile{display:flex;min-height:220px;flex-direction:column;text-align:center;justify-content:center;background:var(--color-paper);border:1px solid var(--color-sand);padding:1.3rem}.category-tile__arrow{display:none}
  .post-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.post-card{display:flex;flex-direction:column;min-height:0}.post-card__image{height:230px;min-height:230px;flex:0 0 auto}.post-card__body{padding:1.25rem;display:flex;flex:1;flex-direction:column}.post-card h3{font-size:1.28rem}.post-card p{display:block;font-size:.92rem;color:#4d4945}.post-card .meta{margin-top:auto}
  .single-article{margin-top:2rem;border:1px solid var(--color-sand);box-shadow:var(--shadow)}.single-hero,.article-content,.article-footer,.comments-area{padding-left:4rem;padding-right:4rem}.article-content{font-size:1.12rem;line-height:1.82}.article-content > *{max-width:820px}.article-content > .alignwide{max-width:100%}.article-content > .alignfull{max-width:none;margin-left:-4rem;margin-right:-4rem}.single-image img{width:100%;max-height:620px}.site-footer__inner{grid-template-columns:1fr auto;align-items:end}
}
@media (min-width:1120px){.hero__content{margin-left:calc((100vw - var(--max))/2);width:520px}}

@media (min-width:1120px){.single-hero,.article-content,.article-footer,.comments-area{padding-left:4rem;padding-right:4rem}.article-content > *{max-width:100%}.article-content > .alignwide,.article-content > figure,.article-content > .wp-block-image{max-width:100%}.comment-respond{padding:2rem}.comment-form{grid-template-columns:repeat(3,1fr)}.comment-form-comment,.comment-notes,.comment-form-cookies-consent,.form-submit{grid-column:1/-1}}



/* 0.1.5: Einheitliches Container-System + Kommentar-Styling */
.comments-area{
  background:var(--color-paper);
  padding:2rem 1.25rem 2.75rem;
  border-top:1px solid var(--color-sand);
}
.comments-title,
.comment-reply-title{
  font-family:var(--font-serif);
  font-size:clamp(1.65rem,6vw,2.4rem);
  line-height:1.1;
  margin:0 0 1.25rem;
}
.comment-list{
  list-style:none;
  margin:0 0 2rem;
  padding:0;
  display:grid;
  gap:1rem;
}
.comment-list .comment,
.comment-list .pingback,
.comment-list .trackback{
  background:var(--color-cream);
  border:1px solid var(--color-sand);
  border-radius:var(--radius);
  padding:1rem;
}
.comment-list .children{
  list-style:none;
  margin:1rem 0 0 1rem;
  padding:0;
  display:grid;
  gap:1rem;
}
.comment-body{position:relative}
.comment-author{
  display:flex;
  align-items:center;
  gap:.75rem;
  font-weight:800;
  line-height:1.2;
}
.comment-author .avatar{width:42px;height:42px;border-radius:999px}
.comment-author .says{display:none}
.comment-metadata{
  margin:.4rem 0 1rem 3.4rem;
  color:var(--color-muted);
  font-size:.78rem;
}
.comment-content,
.comment-body > p{font-size:1rem;color:#403c38}
.comment-content p:last-child,
.comment-body > p:last-child{margin-bottom:0}
.reply{margin-top:1rem}
.comment-reply-link,
#cancel-comment-reply-link{
  color:var(--color-terracotta);
  font-weight:800;
  font-size:.85rem;
}
.comment-navigation,
.comments-navigation{margin:1.5rem 0 2rem}
.comment-respond{
  margin-top:2rem;
  background:var(--color-cream);
  border:1px solid var(--color-sand);
  border-radius:calc(var(--radius) + 4px);
  padding:1.25rem;
}
.comment-form{display:grid;gap:1rem}
.comment-form label{
  display:block;
  font-weight:800;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:.35rem;
}
.comment-form input[type='text'],
.comment-form input[type='email'],
.comment-form input[type='url'],
.comment-form textarea{
  width:100%;
  border:1px solid var(--color-sand);
  border-radius:14px;
  background:var(--color-paper);
  color:var(--color-ink);
  font:inherit;
  padding:.85rem 1rem;
}
.comment-form textarea{min-height:150px;resize:vertical}
.comment-form input:focus,
.comment-form textarea:focus{
  outline:2px solid rgba(179,106,76,.22);
  border-color:var(--color-terracotta);
}
.comment-form-cookies-consent{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  color:var(--color-muted);
  font-size:.9rem;
}
.comment-form-cookies-consent label{
  text-transform:none;
  letter-spacing:0;
  font-weight:500;
  margin:0;
}
.form-submit{margin:0}
.form-submit .submit{
  border:0;
  border-radius:999px;
  background:var(--color-ink);
  color:#fff;
  font-weight:800;
  padding:.9rem 1.25rem;
  cursor:pointer;
}
.no-comments{
  background:var(--color-cream);
  border:1px solid var(--color-sand);
  border-radius:var(--radius);
  padding:1rem;
  color:var(--color-muted);
}
@media (min-width:720px){
  .comments-area{
    padding:3rem;
    border:1px solid var(--color-sand);
    border-top:0;
    box-shadow:var(--shadow);
  }
  .comment-respond{padding:2rem}
  .comment-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .comment-form-comment,
  .comment-notes,
  .comment-form-cookies-consent,
  .form-submit,
  .logged-in-as{grid-column:1/-1}
}
@media (min-width:1120px){
  .article-content{padding-left:4rem;padding-right:4rem}
}

/* 0.1.7: Autorbox HTML-Fix + Seitenlayout */
.author-box{
  margin:0 1.25rem 2rem;
  padding:1.25rem;
  background:var(--color-cream);
  border:1px solid var(--color-sand);
  border-radius:calc(var(--radius) + 4px);
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:1rem;
  align-items:start;
}
.author-box__avatar img{border-radius:999px;width:72px;height:72px}
.author-box__eyebrow{
  margin:0 0 .25rem;
  color:var(--color-muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.72rem;
  font-weight:800;
}
.author-box h2{
  margin:0 0 .45rem;
  font-family:var(--font-serif);
  line-height:1.1;
  font-size:1.55rem;
}
.author-box__bio{font-size:.95rem;color:#46413d;margin-bottom:.7rem}
.author-box__bio p{margin:0 0 1rem}
.author-box__bio p:last-child{margin-bottom:0}
.author-box__bio a{color:var(--color-terracotta);text-decoration:none;font-weight:700}
.author-box__bio a:hover{text-decoration:underline}
.author-box__link{color:var(--color-terracotta);font-weight:800;font-size:.92rem}
.page-article{margin-top:1rem}
.page-hero{padding-bottom:.5rem}
.page-hero h1{margin-bottom:0}
@media (min-width:720px){
  .author-box{
    margin:0 4rem 2.5rem;
    padding:1.6rem;
    grid-template-columns:88px minmax(0,1fr);
    gap:1.25rem;
  }
  .author-box__avatar img{width:88px;height:88px}
  .author-box h2{font-size:1.9rem}
}