:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111;color:#f7f1e8;--gold:#d6a15f}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--gold)}.blog-nav{max-width:1200px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #34302b}.brand{font-size:20px;font-weight:700;letter-spacing:.13em;text-decoration:none}.brand span{display:block;color:var(--gold);font-size:10px;letter-spacing:.35em;margin-top:6px}.blog-nav nav,footer div{display:flex;gap:24px;flex-wrap:wrap}.blog-nav nav a{text-decoration:none;font-size:14px}main{max-width:1200px;margin:auto;padding:0 32px}.hero{padding:90px 0 65px;max-width:820px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:600}h1{font-size:clamp(36px,6vw,68px);line-height:1.12;letter-spacing:-.035em;margin:22px 0;overflow-wrap:anywhere}h2{line-height:1.25;overflow-wrap:anywhere}.lead{font-size:clamp(18px,2vw,22px);line-height:1.7;color:#d2cbc3;white-space:pre-line}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:35px}.card{border:1px solid #3c352b;background:#1b1916;border-radius:16px;overflow:hidden}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-copy{padding:26px}.card h2{font-size:24px;margin:15px 0}.card h2 a{text-decoration:none}.card p:not(.eyebrow){color:#d2cbc3;line-height:1.7;overflow-wrap:anywhere}.read{display:inline-block;margin-top:12px;color:var(--gold);font-size:14px}.empty{grid-column:1/-1;padding:32px;border:1px solid #3c352b;border-radius:16px;line-height:1.7}.pages{display:flex;justify-content:space-between;gap:24px;margin:25px 0 65px}.article{max-width:820px;margin:auto;padding:55px 0}.back{display:inline-block;font-size:14px;color:#d2cbc3;margin-bottom:45px}.article h1{font-size:clamp(34px,5.5vw,60px)}.cover{width:100%;height:auto;border-radius:12px;margin:25px 0;display:block}.prose{font-size:18px;line-height:1.9;overflow-wrap:anywhere}.prose p{margin:28px 0}.prose h2{font-size:30px;margin:48px 0 20px}.contact{margin-top:65px;padding:32px;border:1px solid #51412c;background:#1c1915;border-radius:16px}.contact h2{font-size:27px;margin-top:0}.contact p{line-height:1.7;color:#d2cbc3}.button{display:inline-block;background:var(--gold);color:#17120c;text-decoration:none;border-radius:8px;padding:14px 20px;font-weight:650}.button:hover{color:#17120c;background:#e6b77b}footer{max-width:1200px;margin:auto;padding:30px 32px;border-top:1px solid #34302b;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#bfb7ac}.preview-banner{margin:25px 0;padding:20px;background:#403021;border:1px solid var(--gold);line-height:1.7}:focus-visible{outline:3px solid #ffe0b7;outline-offset:5px}@media(max-width:850px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-nav{align-items:start}}@media(max-width:560px){main{padding:0 20px}.blog-nav{padding:22px 20px;flex-direction:column}.blog-nav nav{gap:20px}.hero{padding:55px 0 35px}.posts{grid-template-columns:1fr}.article{padding-top:35px}.back{margin-bottom:28px}.contact{padding:23px}.prose{font-size:17px}footer{padding:25px 20px;flex-direction:column}}

/* Likes and moderated comments */
.feedback{border-top:1px solid #51412c;margin-top:55px;padding-top:32px}.like-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.like-button{font:inherit;border:1px solid #776043;background:transparent;color:#f7f1e8;border-radius:99px;padding:12px 20px;cursor:pointer;min-height:46px}.like-button[aria-pressed=true]{background:#382a1c;color:#ffd39b;border-color:#d6a15f}.like-button span[aria-hidden]{color:#dfad78;font-size:20px}.feedback button:disabled{opacity:.65;cursor:wait}.feedback-note{font-size:13px;line-height:1.7;color:#bfb7ac}.feedback-status{font-size:14px;line-height:1.6;color:#e6b77b;min-height:1.5em}.feedback h2{font-size:28px;margin-top:30px}.comment-count{color:#bfb7ac;font-size:.65em}.comment{border-bottom:1px solid #39332b;padding:24px 0;overflow-wrap:anywhere}.comment header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.comment time{color:#bfb7ac;font-size:12px}.comment p{line-height:1.8;white-space:normal}.author-reply{margin:20px 0 0 20px;border-left:2px solid #d6a15f;padding:6px 0 6px 20px}.author-reply strong{color:#e6b77b}.author-reply strong span{font-size:12px;font-weight:400}.comment-pages{display:flex;gap:25px;margin:20px 0}.comment-form{margin-top:32px;padding:26px;background:#1b1916;border:1px solid #3c352b;border-radius:16px}.comment-form h3{margin-top:0}.comment-form label{display:block;font-size:14px;margin-top:20px}.comment-form input,.comment-form textarea{display:block;width:100%;font:inherit;line-height:1.6;padding:12px;background:#111;color:#f7f1e8;border:1px solid #776043;border-radius:8px;margin:8px 0 18px}.comment-form textarea{resize:vertical}.comment-form .button{font:inherit;border:0;cursor:pointer}.feedback-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:560px){.comment-form{padding:20px}.author-reply{margin-left:8px;padding-left:14px}}

/* Shared appearance with the homepage header, scoped to the blog header. */
.fr-site-header{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:112px;padding:14px clamp(18px,4vw,56px) 12px;background:rgba(8,8,7,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(247,239,229,.13)}
.fr-center-logo{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0;text-decoration:none}
.fr-center-logo img{display:block;width:auto;height:72px;max-width:min(260px,72vw);max-height:72px;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none}
.fr-center-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 28px;color:#b9aa98;font-weight:850;font-size:.88rem;line-height:1.2}
.fr-center-nav a{text-decoration:none}.fr-center-nav a:hover,.fr-center-nav a[aria-current=page]{color:#d6a15f}
#kommentare{scroll-margin-top:180px}
@media(max-width:720px){.fr-site-header{min-height:90px;padding:11px 16px 10px;gap:8px}.fr-center-logo img{height:54px;max-height:54px;max-width:min(210px,78vw)}.fr-center-nav{gap:10px 14px;font-size:.76rem}#kommentare{scroll-margin-top:210px}}

.blog-audio{margin:28px 0;padding:22px 24px;border:1px solid #51412c;border-radius:14px;background:#1c1915}.blog-audio p{margin:0 0 16px;line-height:1.6}.blog-audio span{font-size:14px;color:#bfb7ac}.blog-audio audio{display:block;width:100%;min-width:0} @media(max-width:560px){.blog-audio{padding:18px}}

/* Warmer Galerie-Look – Übersicht, Beiträge und private Vorschau. */
:root{--gold:#dfbb83;--cream:#f4ecdf;--muted:#c2b8aa;--line:#ccb08438;background:#121210;color:var(--cream);font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(ellipse at 3% 8%,#6e4d2c33,transparent 40%),radial-gradient(ellipse at 95% 60%,#74543d24,transparent 40%),#121210;min-height:100vh}
main{max-width:1200px;padding:0 clamp(20px,4vw,56px)}
.fr-site-header{background:rgba(18,18,16,.96);border-bottom:1px solid #d7bc8d33;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.fr-center-nav{font-size:12px;font-weight:400;gap:12px 24px;color:var(--muted)}
.fr-center-nav a{padding:5px 0;transition:color .2s}
.fr-center-nav a:hover,.fr-center-nav a[aria-current=page]{color:var(--gold)}
.fr-center-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#dfbb8377;text-underline-offset:6px}
.fr-center-nav a:last-child{color:var(--gold)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--cream);letter-spacing:-.035em}
h1{font-size:clamp(40px,5.7vw,72px);line-height:1.12;text-wrap:balance}
.hero{position:relative;isolation:isolate;max-width:920px;padding:80px 0 60px}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:18px 0 15px;border:1px solid #d3ae7514;border-radius:50%;transform:rotate(-8deg)}
.hero h1{max-width:880px;margin:24px 0 28px}
.eyebrow{font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.18em;color:var(--gold)}
.lead{font-size:18px;line-height:1.85;color:var(--muted);max-width:750px}
.posts{gap:24px;padding-bottom:40px;align-items:start}
.card{min-width:0;background:linear-gradient(140deg,#30291f88,#1d1b17dd 65%);border:1px solid #ccb08442;box-shadow:0 18px 50px #0002,inset 0 1px 0 #eed3a912;border-radius:16px;transition:border-color .2s,box-shadow .2s}
.card:hover,.card:focus-within{border-color:#dfbb8377;box-shadow:0 22px 55px #0003}
.card-copy{padding:27px}
.card h2{font-size:28px;line-height:1.2;margin:16px 0;letter-spacing:-.03em}
.card p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85}
.read{font-size:12px;text-decoration-thickness:1px;text-underline-offset:5px;margin-top:14px}
.empty{background:#1d1b17aa;border-color:var(--line);color:var(--muted)}
.pages{font-size:13px;line-height:1.6;flex-wrap:wrap}
.article{max-width:800px;padding:55px 0 75px}
.back{font-size:12px;color:var(--muted);margin-bottom:38px}
.article h1{font-size:clamp(36px,5vw,62px);line-height:1.14;margin:23px 0 28px}
.cover{border:1px solid var(--line);border-radius:16px;margin:35px 0 42px;box-shadow:0 22px 65px #0003}
.prose{font-size:18px;line-height:1.95;color:#e4dbce}
.prose p{margin:28px 0}
.prose h2{font-size:clamp(27px,3vw,36px);line-height:1.25;margin:48px 0 20px}
.contact,.blog-audio,.comment-form{background:linear-gradient(140deg,#30291f88,#1d1b17dd 65%);border:1px solid #ccb08442;border-radius:16px;box-shadow:inset 0 1px 0 #eed3a912}
.contact{padding:34px;margin-top:60px}
.contact h2{font-size:34px;line-height:1.2;margin-bottom:16px}
.contact p{font-size:15px;color:var(--muted);line-height:1.85}
.button{background:linear-gradient(110deg,#ddbb86,#cda469);border:1px solid #eacb97;border-radius:7px;padding:15px 21px;color:#231c13;font:600 13px/1.5 Arial,Helvetica,sans-serif;text-align:center}
.button:hover{background:#e5c697;color:#231c13}
.blog-audio{padding:24px;margin:30px 0}
.blog-audio p{line-height:1.7}
.blog-audio span{color:var(--muted)}
.blog-audio audio{color-scheme:dark}
.feedback{border-top-color:var(--line);margin-top:50px;padding-top:30px}
.feedback h2{font-size:32px;line-height:1.25}
.like-button{border-color:#a6906b66;border-radius:7px;background:#1d1b1766;font-size:14px;color:var(--cream)}
.like-button[aria-pressed=true]{background:#382c1d;border-color:var(--gold);color:#f4d5a4}
.like-button span[aria-hidden]{color:var(--gold)}
.feedback-note,.comment-count,.comment time{color:var(--muted)}
.feedback-status{color:var(--gold)}
.comment{border-bottom-color:var(--line)}
.comment p{color:#e4dbce;font-size:16px;line-height:1.85}
.comment header strong{font-weight:500;color:var(--cream)}
.author-reply{border-left-color:var(--gold)}
.author-reply strong{color:var(--gold)}
.comment-form h3{font-size:25px;line-height:1.3;margin-bottom:12px}
.comment-form label{color:#e4d9c7;font-size:13px}
.comment-form input,.comment-form textarea{background:#131310aa;border:1px solid #a6906b55;color:var(--cream);border-radius:7px;font-size:16px;padding:13px 14px}
.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--gold);outline-offset:2px}
.comment-form .button{font:600 13px/1.5 Arial,Helvetica,sans-serif;border:1px solid #eacb97;min-height:48px}
.preview-banner{border:1px solid #dfbb8377;background:#30281ee6;border-radius:12px;color:var(--cream);font-size:14px}
footer{border-top-color:var(--line);color:var(--muted);font-size:12px;line-height:1.7;padding:30px clamp(20px,4vw,56px) 40px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:850px){.posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-copy{padding:23px}}
@media(max-width:760px){.fr-site-header{position:relative}.fr-center-nav{font-size:11px;gap:6px 15px}#kommentare{scroll-margin-top:20px}.hero{padding:45px 0 38px}.hero::before{display:none}.lead{font-size:16px}.article{padding-top:32px}.back{margin-bottom:30px}}
@media(max-width:560px){.posts{grid-template-columns:1fr}.hero h1{font-size:42px}.article h1{font-size:36px}.prose{font-size:17px;line-height:1.9}.cover{margin:27px 0 32px}.contact{padding:25px}.contact h2{font-size:30px}.blog-audio{padding:20px}.comment-form{padding:22px}.author-reply{margin-left:8px;padding-left:14px}footer div{gap:16px}}
@media(prefers-reduced-motion:reduce){.card,.fr-center-nav a{transition:none}}