*{box-sizing:border-box}body{margin:0;background:linear-gradient(to bottom,#2d3f53,#141d27);min-height:100vh;font-family:Arial,sans-serif;color:#eee}.wrap{width:min(920px,94vw);margin:28px auto}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.top h1{margin:0;font-size:30px}.btn{display:inline-block;border:1px solid #111;border-radius:6px;background:#fff;color:#111;text-decoration:none;padding:9px 14px;font-size:13px;font-weight:bold;cursor:pointer}.btn.red{background:#d02020;color:#fff}.btn.dark{background:#263746;color:#fff;border-color:#667}.card{background:#fff;color:#222;border-radius:12px;padding:20px;margin:14px 0;box-shadow:0 8px 22px #0005}.card h2{margin:0 0 7px}.meta{font-size:12px;color:#777;margin-bottom:12px}.teaser{line-height:1.5}.content{line-height:1.55}.content img,.editor img{max-width:100%;height:auto;border-radius:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}label{display:block;font-size:13px;font-weight:bold;margin:12px 0 5px}input[type=text],input[type=password]{width:100%;padding:10px;border:1px solid #bbb;border-radius:6px}.editor{min-height:300px;background:#fff;border:1px solid #aaa;border-radius:7px;padding:12px;outline:none;line-height:1.5}.toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.toolbar button{padding:6px 9px}.msg{padding:10px;border-radius:6px;background:#e8f5e9;color:#174b1b}.err{background:#ffebee;color:#7d1018}.login{max-width:430px;margin:80px auto}.empty{text-align:center;padding:45px}.adminbar{font-size:12px;color:#ccc}.status{font-size:11px;font-weight:bold;padding:3px 7px;border-radius:12px;background:#eee}.status.off{color:#888}@media(max-width:600px){.top{align-items:flex-start;flex-direction:column}.wrap{margin-top:16px}.card{padding:15px}}.content p,.editor p{margin:.55em 0}.content a{color:#b71919;text-decoration:underline;font-weight:600}.fileinput{display:block;width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;background:#f8f8f8}.hint{font-size:12px;color:#777;margin-top:5px}.attachments{margin-top:22px;padding-top:14px;border-top:1px solid #ddd}.attachments h3{font-size:15px;margin:0 0 8px}.attachment{display:block;padding:9px 11px;margin:6px 0;border-radius:7px;background:#f2f3f4;color:#222;text-decoration:none}.attachment span{color:#777;font-size:12px}.attachment-edit{margin:8px 0 15px}.attachment-row{font-weight:normal;margin:6px 0}

/* Blog-Suche und Navigation */
.searchbar{display:flex;gap:10px;align-items:center;margin:0 0 16px;flex-wrap:wrap}.searchbar input[type=search]{flex:1;min-width:220px;padding:11px 13px;border:1px solid #cfcfcf;border-radius:8px;font:inherit;background:#fff;color:#222}.searchinfo{margin:0 0 14px;color:#666;font-size:.95rem}.blognav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}.pageinfo{color:#666;font-size:.92rem}.searchteaser{white-space:normal}
@media(max-width:600px){.searchbar{align-items:stretch}.searchbar input[type=search]{width:100%}.blognav{align-items:stretch}.blognav .btn{flex:1;text-align:center}.pageinfo{width:100%;text-align:center;order:-1}}

.stats-summary{display:flex;gap:18px;flex-wrap:wrap}.stats-summary>div{min-width:140px;padding:14px 18px;border:1px solid #333;border-radius:10px;text-align:center}.stats-summary strong{display:block;font-size:1.8rem}.stats-summary span{display:block;margin-top:4px;color:#aaa}

/* Navigation der Blog-Uebersicht bewusst im weissen Inhaltsbereich */
.listnav{background:#fff;color:#222;border-radius:12px;padding:14px 18px;box-shadow:0 8px 22px #0005;margin-top:14px}
.listnav .pageinfo{color:#666}
@media(max-width:600px){
 body{background:#fff;color:#222}
 .wrap{width:100%;margin:0;padding:10px}
 .top h1{font-size:24px}
 .adminbar{color:#666}
 .card{margin:10px 0;padding:14px;border-radius:10px;box-shadow:none}
 .card h2{font-size:22px;line-height:1.15}
 .content{font-size:17px;line-height:1.5}
 .meta{font-size:12px}
 .listnav{margin:10px 0 0;padding:12px 10px;box-shadow:none;border:1px solid #ddd}
 .listnav .btn{font-size:12px;padding:9px 8px}
 .postnav{grid-template-columns:1fr auto 1fr}
 .postnav .share-btn{grid-column:2;grid-row:1;width:auto}
 .postnav>:first-child{grid-column:1;grid-row:1}
 .postnav>:last-child{grid-column:3;grid-row:1}
 .postnav .btn{font-size:12px;padding:9px 8px}
}


/* Kompakte Blog-Bedienzentrale: Blaettern, Teilen und Suche */
.listnav{display:block}
.navrow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}
.navicon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:44px;border:1px solid #667;border-radius:8px;background:#263746;color:#fff;text-decoration:none;font-size:21px;font-weight:700;line-height:1;cursor:pointer}
button.navicon{font-family:Arial,sans-serif}

/* Universelles Teilen-Symbol (drei verbundene Punkte) ohne externe Icon-Bibliothek */
.share-symbol{position:relative;display:inline-block;width:24px;height:22px}
.share-symbol i{position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor}
.share-symbol i:nth-child(1){left:0;top:8px}
.share-symbol i:nth-child(2){right:0;top:0}
.share-symbol i:nth-child(3){right:0;bottom:0}
.share-symbol b{position:absolute;left:5px;width:15px;height:2px;background:currentColor;transform-origin:left center}
.share-symbol b:nth-of-type(1){top:9px;transform:rotate(-28deg)}
.share-symbol b:nth-of-type(2){top:12px;transform:rotate(28deg)}
.navicon.disabled{opacity:.28;cursor:default}
.pagebadge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:44px;padding:0 16px;border-radius:9px;background:#f0f1f2;color:#263746;font-size:17px;white-space:nowrap}
.pagebadge strong{color:#c51f1f;font-size:21px}
.navsearch{display:flex;align-items:center;gap:8px;margin-top:12px}
.navsearch input[type=search]{flex:1;min-width:0;padding:10px 12px;border:1px solid #cfcfcf;border-radius:8px;font:inherit;background:#fff;color:#222}
@media(max-width:600px){
 .navrow{gap:7px;justify-content:space-between}
 .navicon{width:46px;height:42px;font-size:20px;flex:0 0 46px}
 .pagebadge{min-width:70px;height:42px;padding:0 9px;font-size:15px;flex:0 1 78px}
 .pagebadge strong{font-size:19px}
 .navsearch{margin-top:10px}
 .navsearch .btn{flex:0 0 auto;font-size:12px;padding:10px 9px}
}

/* Editor: kompakte, einheitliche Textformat-Auswahl */
.toolbar .formatselect{padding:6px 9px;border:1px solid #aaa;border-radius:4px;background:#fff;color:#222;font:inherit}
.editor font[size="2"],.content font[size="2"]{font-size:.85em}.editor font[size="3"],.content font[size="3"]{font-size:1em}.editor font[size="5"],.content font[size="5"]{font-size:1.35em}

/* Oeffentliche Beitragsuebersicht unter der Blog-Steuerung */
.public-overview{margin-top:10px;border-top:1px solid #ddd;padding-top:10px}
.public-overview summary{cursor:pointer;font-weight:700;color:#263746;list-style:none;display:inline-flex;align-items:center;gap:7px}
.public-overview summary::-webkit-details-marker{display:none}
.public-overview summary:before{content:'▸';font-size:14px}.public-overview[open] summary:before{content:'▾'}
.overview-list{margin-top:10px;border:1px solid #ddd;border-radius:9px;overflow:hidden}
.overview-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e6e6e6;background:#fff}
.overview-item:last-child{border-bottom:0}.overview-item.current{background:#f5f6f7}
.overview-item>div{min-width:0}.overview-item strong{display:block;font-size:14px;line-height:1.25}.overview-item span{display:block;color:#777;font-size:11px;margin-top:3px}
.overview-item .btn{flex:0 0 auto;padding:7px 10px;font-size:11px}.overview-empty{padding:12px;color:#777}
@media(max-width:600px){.overview-item{align-items:flex-start}.overview-item strong{font-size:13px}.overview-item .btn{padding:7px 8px}}

/* Beitragsuebersicht: ruhige Karten statt technischer Liste */
.public-overview{margin-top:14px;padding-top:12px}
.public-overview summary{width:100%;padding:10px 13px;border-radius:8px;background:#eef0f2;color:#263746;font-size:14px}
.overview-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;border:0;border-radius:0;overflow:visible}
.overview-item{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 12px;border:1px solid #e1e3e5;border-radius:10px;background:#fff;box-shadow:0 3px 10px #00000012}
.overview-item:last-child{border-bottom:1px solid #e1e3e5}.overview-item.current{border-color:#c7ccd1;background:#f7f8f9}
.overview-date{padding:7px 10px;border-radius:8px;background:#f0f2f4;text-align:center}.overview-date strong{font-size:12px}.overview-date span{font-size:11px;margin-top:2px}
.overview-title strong{font-size:14px;line-height:1.3}.overview-title span.overview-current-label{display:inline-block;margin-top:5px;padding:2px 7px;border-radius:10px;background:#eceff1;color:#59636d;font-size:10px;font-weight:700}
.overview-open{white-space:nowrap}
@media(max-width:600px){.overview-item{grid-template-columns:82px minmax(0,1fr);gap:9px}.overview-open{grid-column:1/-1;text-align:center}.overview-date{padding:6px}.overview-title strong{font-size:13px}}

/* Editor: Ausrichtung und optionaler Bild-Textumfluss */
.toolbar-sep{width:1px;background:#c9c9c9;margin:2px 2px}.toolbar button{min-height:32px;border:1px solid #aaa;border-radius:4px;background:#fff;color:#222;cursor:pointer}
.editor img.editor-selected{outline:3px solid #d02020;outline-offset:2px}
.editor img.float-left,.content img.float-left{float:left;max-width:48%;margin:.25em 1.1em .7em 0}
.editor img.float-right,.content img.float-right{float:right;max-width:48%;margin:.25em 0 .7em 1.1em}
.editor:after,.content:after{content:"";display:block;clear:both}
@media(max-width:600px){.editor img.float-left,.editor img.float-right,.content img.float-left,.content img.float-right{float:none;display:block;max-width:100%;margin:.7em auto}}

/* Einheitliche Beitragslisten: öffentlich und Verwaltung */
.public-overview{margin-top:14px;padding-top:12px}
.public-overview summary{width:100%;padding:10px 13px;border-radius:8px;background:#eef0f2;color:#263746;font-size:14px}
.overview-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;border:0;overflow:visible}
.overview-item{display:block;padding:18px 20px;border:0;border-radius:12px;background:#fff;color:#222;box-shadow:0 5px 16px #0000001a}
.overview-item.current{background:#fff;box-shadow:0 0 0 2px #d9dde0,0 5px 16px #0000001a}
.overview-item h2,.post-list-card h2{margin:0 0 7px;font-size:20px;line-height:1.25}
.overview-current-label{display:inline-block;vertical-align:middle;margin-left:7px;padding:3px 7px;border-radius:12px;background:#eceff1;color:#59636d;font-size:10px;font-weight:700}
.overview-teaser{color:#444;font-size:14px;line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.overview-item .meta,.post-list-card .meta{margin-bottom:8px}
.overview-item .actions,.post-list-card .actions{margin-top:10px}
.overview-item .btn{font-size:13px;padding:9px 14px}
.overview-search,.admin-search{margin-top:14px}
.admin-post-list{display:flex;flex-direction:column;gap:0}
.post-list-card{margin:7px 0}
.post-list-card .actions form{display:inline-flex;margin:0}
/* Vor/Zurück optisch an die übrigen Navigationssymbole angleichen */
.navrow .navicon:nth-child(2),.navrow .navicon:nth-last-child(2){font-size:27px;font-weight:800}
@media(max-width:600px){
 .overview-item{padding:15px}.overview-item h2,.post-list-card h2{font-size:18px}.overview-teaser{font-size:13px}
 .navrow .navicon:nth-child(2),.navrow .navicon:nth-last-child(2){font-size:25px}
}