:root{--bg:#f6f1ea;--card:#fffdf8;--text:#211b16;--muted:#71675c;--line:#e4d8ca;--accent:#7a4b2a;--accent2:#b9824b;--danger:#9f2d2d;--ok:#2f7a4a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#fffaf2 0,#f6f1ea 45%,#eee1d0 100%);color:var(--text);line-height:1.6}.wrap{max-width:1100px;margin:0 auto;padding:22px}.topbar{background:rgba(255,253,248,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.topbar-inner{max-width:1100px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:-.03em;font-size:1.25rem}.brand small{display:block;font-weight:500;color:var(--muted);font-size:.78rem;letter-spacing:0}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav a,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid var(--line);background:#fffaf3;color:var(--text);padding:9px 13px;border-radius:999px;font-weight:650;cursor:pointer}.btn.primary,.nav a.primary{background:var(--accent);color:white;border-color:var(--accent)}.hero{padding:54px 0 26px}.hero-card{background:linear-gradient(135deg,#fffdf8,#f8ead9);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 14px 40px rgba(72,45,22,.08)}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 16px;letter-spacing:-.06em}h2{font-size:1.6rem;margin:0 0 14px;letter-spacing:-.03em}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 24px rgba(70,40,15,.055)}.post-card h2{margin-bottom:8px}.post-card a{text-decoration:none;color:var(--text)}.meta{font-size:.9rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.content{font-size:1.06rem}.content p{margin:0 0 1rem}.footer{padding:34px 0;color:var(--muted);font-size:.92rem}.form{display:grid;gap:14px}.field label{display:block;font-weight:700;margin-bottom:6px}.input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:12px 13px;font:inherit;color:var(--text)}textarea{min-height:190px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.alert{border-radius:16px;padding:13px 15px;border:1px solid var(--line);background:#fff8dd}.alert.danger{background:#fff1f1;border-color:#e7b5b5;color:#6f1717}.alert.ok{background:#ecfff2;border-color:#b7e4c3;color:#174e2b}.table{width:100%;border-collapse:collapse;background:var(--card);border-radius:18px;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.table th{background:#f7ebdd}.badge{display:inline-flex;border-radius:999px;padding:3px 9px;font-size:.8rem;border:1px solid var(--line);background:#fff}.badge.ok{background:#eaffef;color:#17532a}.badge.draft{background:#fff5d7;color:#6b4a08}.login-box{max-width:460px;margin:60px auto}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.sidebar{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;position:sticky;top:78px;height:max-content}.sidebar a{display:block;text-decoration:none;color:var(--text);padding:10px 12px;border-radius:12px;font-weight:650}.sidebar a:hover{background:#f7ead9}.stat{font-size:2rem;font-weight:900;letter-spacing:-.05em}.danger-link{color:var(--danger)!important}.small{font-size:.9rem}.preview{white-space:pre-wrap;background:white;border:1px solid var(--line);padding:16px;border-radius:16px}@media(max-width:800px){.grid,.grid.two,.admin-layout{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column}.hero-card{padding:24px}.wrap{padding:16px}.sidebar{position:static}.table{display:block;overflow-x:auto}.nav a,.btn{width:auto}}

/* v1.0.3: Beitragsbilder bewusst kleiner anzeigen */
.post-card.has-image{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}
.post-thumb-link{display:block;width:260px;max-width:100%}
.post-thumb{display:block;width:260px;max-width:100%;height:150px;object-fit:cover;border-radius:16px;margin:0;border:1px solid var(--line);background:#f7ead9}
.post-card-body{min-width:0}
.post-hero-image{display:block;width:min(100%,760px);max-height:340px;object-fit:cover;border-radius:20px;border:1px solid var(--line);margin:14px auto 22px;background:#f7ead9}
.current-image-box{border:1px solid var(--line);border-radius:16px;background:#fffaf3;padding:12px;margin-bottom:10px}.current-image-box img{max-width:260px;width:100%;height:auto;border-radius:12px;display:block;margin-bottom:8px}.checkline{display:flex!important;align-items:center;gap:8px;font-weight:650!important;margin:6px 0 0!important}.checkline input{width:auto}
@media(max-width:800px){.post-card.has-image{display:block}.post-thumb-link{width:100%;margin-bottom:14px}.post-thumb{width:100%;height:auto;max-height:190px}.post-hero-image{width:100%;max-height:260px}}


/* v1.0.5: Startseite als breite Beitragsliste statt 3-Spalten-Karten.
   Dadurch quetschen Bild + Text nicht mehr zusammen. */
.post-list{display:grid;grid-template-columns:1fr;gap:18px;max-width:100%;}
.post-list .post-card{width:100%;}
.post-list .post-card.has-image{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:18px;align-items:start;}
.post-list .post-thumb-link{width:100%;}
.post-list .post-thumb{width:100%;height:150px;object-fit:cover;}
.post-list .post-card-body{min-width:0;}
.post-list .post-card-body p{max-width:72ch;}
@media(max-width:720px){
  .post-list .post-card.has-image{display:block;}
  .post-list .post-thumb-link{display:block;margin-bottom:14px;}
  .post-list .post-thumb{height:auto;max-height:220px;}
}

/* v1.0.5: Reaktionen + moderierte Leserantworten */
.reaction-card,.comment-card,.comment-list-card{margin-top:18px}.reaction-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.reaction-form{margin:0}.reaction-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fffaf3;color:var(--text);border-radius:999px;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}.reaction-btn:hover,.reaction-btn.active{background:#f5dfc7;border-color:var(--accent2)}.reaction-btn b{background:white;border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:.86rem}.reaction-emoji{font-size:1.1rem}.comment-form textarea{min-height:110px}.comment-list{display:grid;gap:12px}.comment-item{border:1px solid var(--line);background:#fffaf3;border-radius:16px;padding:14px}.comment-item p{margin:8px 0 0}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.admin-comment-list{display:grid;gap:16px}.admin-comment-item{border:1px solid var(--line);border-radius:18px;background:#fffaf3;padding:16px}.admin-comment-item h2{font-size:1.15rem;margin:8px 0}.admin-comment-item h2 a{text-decoration:none;color:var(--text)}.sidebar .badge{margin-left:6px;vertical-align:middle}@media(max-width:720px){.reaction-row{display:grid;grid-template-columns:1fr;gap:8px}.reaction-btn{width:100%;justify-content:space-between}.comment-card,.reaction-card,.comment-list-card{margin-top:14px}}

/* v1.0.9: Beitragsnavigation + Vorlesefunktion */
.reader-box{border:1px solid var(--line);background:#fffaf3;border-radius:18px;padding:16px;margin:16px 0 22px}.reader-box h2{font-size:1.2rem;margin-bottom:8px}.post-audio{width:100%;display:block;margin:10px 0}.reader-actions{margin-top:10px}.post-next-prev,.more-posts-card{margin-top:18px}.post-nav-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.post-nav-grid .right{text-align:right}.post-nav-grid .center{display:flex;align-items:center;justify-content:center}.post-nav-grid .btn{white-space:normal;text-align:left;line-height:1.25;min-height:54px}.post-nav-grid .right .btn{text-align:right}.post-nav-grid .btn span{font-size:.88rem;color:var(--muted);font-weight:600}.btn.disabled{opacity:.55;cursor:not-allowed;background:#f5eee6}.more-posts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.more-posts-list a{display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);background:#fffaf3;border-radius:14px;padding:12px}.more-posts-list a:hover{background:#f5dfc7}.more-posts-list span{display:block;color:var(--muted);font-size:.9rem;margin-top:2px}.audio-admin-box{border:1px solid var(--line);background:#fffaf3;border-radius:16px;padding:14px}.audio-admin-box audio{width:100%;display:block;margin:8px 0}
@media(max-width:720px){.post-nav-grid{grid-template-columns:1fr}.post-nav-grid .right,.post-nav-grid .btn{text-align:left}.post-nav-grid .center{justify-content:stretch}.post-nav-grid .center .btn{width:100%}.more-posts-list{grid-template-columns:1fr}.reader-actions{display:grid;grid-template-columns:1fr;gap:8px}.reader-actions .btn{width:100%}}


/* v1.0.12: sichtbarer Audio-Fortschritt im Adminbereich */
.audio-progress{margin:12px 0 10px}.audio-progress-bar{height:14px;background:#f0e4d6;border:1px solid var(--line);border-radius:999px;overflow:hidden}.audio-progress-bar span{display:block;height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .35s ease}.audio-admin-box .alert{margin-bottom:10px}