/* Fairwork Admin – abgestimmt auf die öffentliche Website */
:root{--wine:#722f3d;--wine-dark:#55202c;--wine-soft:#f4e9eb;--ink:#292526;--muted:#71696a;--line:#e6dedf;--paper:#fff;--page:#f8f6f5;--radius:14px;--shadow:0 12px 34px rgba(62,28,36,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:var(--wine)}
.wrap{max-width:1200px;margin:0 auto;padding:28px 30px 20px}
header{display:flex;align-items:center;gap:17px;margin:8px 0 30px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.logo{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--wine);color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 16px #722f3d2a}
header small{display:block;color:var(--wine);font-size:.73rem;font-weight:800;letter-spacing:.22em;margin-bottom:2px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(1.8rem,3.3vw,2.55rem);line-height:1.15;margin:0;letter-spacing:-.025em}
h2{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:600;line-height:1.25;margin:0 0 17px}
p{margin-top:0}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
#login{max-width:510px;margin:0 auto}
#login>h2:after{content:"";display:block;width:48px;height:3px;border-radius:4px;background:var(--wine);margin-top:13px}
.panel label{display:block;font-weight:650;font-size:.92rem;margin:15px 0;color:#3a3334}
.panel input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:12px 13px;border:1px solid #d5cccd;border-radius:8px;margin-top:6px;background:#fff;color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}
.panel input:focus,textarea:focus,select:focus{outline:none;border-color:var(--wine);box-shadow:0 0 0 3px #722f3d1a}
textarea{resize:vertical;min-height:145px}
button{appearance:none;border:1px solid var(--wine);background:var(--wine);color:#fff;border-radius:8px;padding:11px 17px;font:inherit;font-size:.94rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
button:hover{background:var(--wine-dark);border-color:var(--wine-dark)}
button:active{transform:translateY(1px)}
button:focus-visible{outline:3px solid #c79aa3;outline-offset:3px}
.muted{background:#fff;color:var(--wine);border-color:#d8c2c7}
.muted:hover{background:var(--wine-soft);border-color:#c7a3aa;color:var(--wine-dark)}
#app>.bar{background:var(--wine);color:#fff;border-radius:var(--radius);padding:15px 18px;margin-bottom:18px;box-shadow:var(--shadow)}
#app>.bar .muted{background:transparent;color:#fff;border-color:#ffffff75}
#app>.bar .muted:hover{background:#ffffff18}
.bar,.buttons{display:flex;justify-content:space-between;align-items:center;gap:12px}
nav{display:flex;gap:9px;margin:18px 0 20px;border-bottom:1px solid var(--line);padding-bottom:12px}
nav button{background:transparent;color:var(--muted);border-color:transparent;border-radius:8px;padding:10px 15px}
nav button:hover{background:var(--wine-soft);color:var(--wine)}
nav button.selected{background:var(--wine);color:#fff;border-color:var(--wine)}
.grid{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(310px,1.08fr);gap:20px;align-items:start}
.check{display:flex!important;align-items:center;gap:10px;background:#faf6f6;border:1px solid var(--line);border-radius:8px;padding:11px 13px}
.check input{width:18px;height:18px;accent-color:var(--wine)}
.buttons{justify-content:flex-start;margin-top:18px;flex-wrap:wrap}
#loginForm>button{width:100%;margin-top:8px}
#loginMsg,#saveMsg{color:var(--wine);min-height:1.4em;margin:10px 0 0;font-size:.92rem}
#listTitle{margin:0}
#items{margin-top:14px}
.entry{border:1px solid var(--line);border-radius:11px;padding:16px;margin:11px 0;background:#fff;transition:box-shadow .15s,border-color .15s}
.entry:hover{border-color:#d7c0c5;box-shadow:0 6px 18px #722f3d0b}
.entry h3{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;line-height:1.3;margin:7px 0}
.entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 14px;color:#51494a}
.meta{color:var(--muted);font-size:.82rem}
.state{display:inline-block;background:#f1edec;color:#655b5d;border-radius:99px;padding:3px 9px;font-size:.75rem;font-weight:700}
.state.live{background:#e7f3eb;color:#285d3c}
.entry button{padding:7px 11px;font-size:.86rem;margin-right:6px}
footer{text-align:center;padding:28px 10px 8px;color:#827879;font-size:.83rem}
[hidden]{display:none!important}
@media(max-width:820px){.wrap{padding:20px 18px}.grid{grid-template-columns:1fr}.panel{padding:21px}.grid>.panel:last-child{order:2}}
@media(max-width:520px){.wrap{padding:13px}.logo{width:48px;height:48px}.panel{padding:16px;border-radius:11px}header{margin:5px 0 20px;padding-bottom:17px}#app>.bar{padding:12px;align-items:center}nav{gap:6px}nav button{flex:1;padding:10px 8px;font-size:.88rem}.bar{align-items:flex-start}.buttons button{flex:1}h2{font-size:1.22rem}}

.image-preview{margin:12px 0;padding:12px;border:1px solid #ded9da;border-radius:12px;max-width:360px}
.image-preview img{display:block;max-width:100%;max-height:220px;object-fit:contain;border-radius:8px;margin-bottom:10px}
input[type=file]{max-width:100%;padding:10px;background:#fff}

.admin-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;float:right;margin:0 0 10px 12px}

.register-box{margin-top:18px;padding-top:12px;border-top:1px solid #ddd}.register-box summary{cursor:pointer;font-weight:700;color:#722f3d}.register-box p{line-height:1.5}.entry select{margin:8px 8px 8px 0;padding:8px;border:1px solid #ccc;border-radius:6px}

#siteSettingsPanel h3{margin:1.4rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid #ddd;color:#722f3d}
#siteSettingsForm textarea{min-height:90px}
#siteSettingsForm [name="impressum_text"],#siteSettingsForm [name="datenschutz_text"]{min-height:220px}