:root{--red:#294e43;--red-hover:#1c3c34;--charcoal:#23463d;--muted:#757c83;--paper:#f5f4ee;--line:#e1e5e7;--white:#fff;--font:Arial,"Helvetica Neue",Helvetica,sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{font-family:var(--font);margin:0;color:#272c30;background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}button svg,a svg{flex:none}input,textarea,select{outline-color:#8fa488}img{max-width:100%}:focus-visible{outline:2px solid #8fa488;outline-offset:2px}
.admin-layout{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{background:#23463d;color:#c9cdd1;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:block;padding:34px 26px 31px;border-bottom:1px solid #404449}.sidebar-brand img{width:204px;height:auto;padding:7px;background:#fff}.sidebar-brand span{display:block;font-size:10px;color:#adb1b6;font-weight:900;letter-spacing:.16em;margin-top:16px}.sidebar-nav{display:flex;flex-direction:column;padding:26px 13px;gap:5px;flex:1}.sidebar-nav>a{display:flex;align-items:center;gap:13px;font-weight:700;font-size:13px;padding:13px 15px;border-left:3px solid transparent;color:#c4c8cd;transition:background .2s,color .2s}.sidebar-nav>a:hover{background:#363a40;color:white}.sidebar-nav>a.active{border-left-color:var(--red);background:#3b3d42;color:#fff}.count-pill{margin-left:auto;font-size:10px;line-height:1;border-radius:12px;padding:5px 7px;background:var(--red);color:#fff;font-weight:900}.nav-separator{height:1px;background:#42464a;margin:18px 15px 13px}.sidebar-footer{padding:16px 23px 29px;border-top:1px solid #44484c;display:flex;flex-direction:column;gap:16px}.sidebar-footer a,.sidebar-footer button{font-weight:700;display:flex;gap:11px;align-items:center;font-size:13px;color:#cdd1d5;background:transparent;border:0;padding:0}.sidebar-footer a:hover,.sidebar-footer button:hover{color:white}
.admin-content{display:flex;flex-direction:column;min-width:0;min-height:100vh}.admin-topbar{height:134px;background:white;border-bottom:1px solid var(--line);padding:27px 50px;display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--red)}.admin-topbar h1{font-size:36px;line-height:1.05;margin:8px 0 0;font-weight:900}.admin-user{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:#666d74}.admin-user svg{color:var(--red)}.admin-main{padding:36px 50px 70px;flex:1;width:100%;max-width:1480px;margin:0 auto}.admin-footer{padding:23px 50px;font-size:12px;color:#81898e;border-top:1px solid #e0e4e7}.admin-footer a{text-decoration:underline}
.welcome-banner{background:#294e43;color:white;min-height:230px;display:flex;align-items:center;padding:34px 43px;overflow:hidden;position:relative}.welcome-banner>div{position:relative;z-index:2}.welcome-banner span:not(.welcome-watermark){font-size:11px;letter-spacing:.2em;font-weight:900;color:#ef646f}.welcome-banner h2{font-size:43px;margin:11px 0 10px;line-height:1.08;font-weight:900}.welcome-banner h2 em{font-style:normal;color:#ff4b59}.welcome-banner p{max-width:520px;color:#d0d2d4;font-size:14px;margin:0}.welcome-watermark{font-size:260px;position:absolute;right:-20px;top:-45px;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.045);transform:rotate(-7deg);line-height:1}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0 28px}.stat-card{background:white;padding:23px 25px;border:1px solid #e1e5e6;display:flex;flex-direction:column}.stat-card>span{font-size:12px;font-weight:800;color:#69727a}.stat-card strong{font-size:40px;line-height:1.2;margin:10px 0;color:var(--red);font-weight:900}.stat-card small{font-size:11px;color:#a0a6aa}.admin-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-panel{background:white;border:1px solid #e0e4e6;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #e6e9ea;gap:10px}.panel-header h2{font-size:21px;margin:0;font-weight:900}.panel-header a{color:var(--red);font-size:12px;font-weight:800}.quicklinks{display:flex;flex-direction:column}.quicklinks a{display:flex;align-items:center;gap:13px;padding:19px 25px;font-size:13px;font-weight:800;border-bottom:1px solid #ebedee}.quicklinks a:last-child{border-bottom:0}.quicklinks a svg:first-child{color:var(--red)}.quicklinks a svg:last-child{margin-left:auto;color:#a7acb1}.quicklinks a:hover{background:#f9fafa;color:var(--red)}.recent-list{display:flex;flex-direction:column}.recent-list>a{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:18px 24px;border-bottom:1px solid #e9edee;font-size:12px}.recent-list>a:last-child{border-bottom:0}.recent-list>a:hover{background:#fafafa}.recent-list strong{font-size:13px}.recent-list span,.recent-list small{color:#798188}.recent-list small{text-align:right}.empty-state{padding:30px;color:#858b91;font-size:14px}.admin-tip{display:flex;align-items:flex-start;gap:13px;padding:17px 21px;background:#fff9eb;border-left:4px solid #e1ab3a;font-size:13px;color:#66573b;margin:23px 0;line-height:1.6}.admin-tip svg{flex:none;margin-top:2px;color:#ca8e16}.admin-tip strong{color:#4e412f}
.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:21px}.panel-toolbar p{max-width:690px;color:#6a737a;font-size:14px;margin:0}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;min-height:45px;border:1px solid transparent;font-size:13px;line-height:1.2;font-weight:850;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s}.admin-btn:hover{transform:translateY(-1px)}.admin-btn.red{background:var(--red);color:#fff;border-color:var(--red)}.admin-btn.red:hover{background:var(--red-hover)}.admin-btn.ghost{background:white;color:#4a5258;border-color:#d2d7d9}.admin-btn.ghost:hover{background:#f8f8f8}.admin-btn.danger{background:#fff1f1;color:#a71b27;border-color:#e2c4c7}.admin-btn.danger:hover{background:#ffe3e5}.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}.admin-table th{background:#f8f9f9;font-size:10px;letter-spacing:.13em;color:#889096;padding:17px 19px;text-transform:uppercase;font-weight:900}.admin-table td{padding:15px 19px;border-top:1px solid #eceff0;color:#626a71;font-size:13px;vertical-align:middle}.admin-table td strong{display:block;color:#2e3337;font-size:14px}.admin-table td small{display:block;color:#9aa1a6;font-size:11px;margin-top:4px;max-width:250px}.admin-table tbody tr:hover{background:#fcfcfc}.row-thumb{display:block;width:86px;height:64px;object-fit:cover;background:#eee}.status{display:inline-flex;font-size:11px;font-weight:850;padding:6px 10px;white-space:nowrap}.status.published{background:#e8f7ec;color:#24794b}.status.draft{background:#edf0f1;color:#78818a}.row-actions{white-space:nowrap}.row-actions>a,.row-actions button{display:inline-flex;color:var(--red);font-weight:850;font-size:12px;background:none;border:0;padding:4px 5px}.row-actions form{display:inline-block;margin-left:4px}.row-actions button{color:#a7acb2}.row-actions button:hover{color:#bd1d29}.text-url{font-weight:700;color:var(--red)}
.form-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.form-breadcrumb a{font-size:13px;font-weight:850;color:#68727a}.form-breadcrumb a:hover{color:var(--red)}.admin-form{max-width:1050px}.padded-panel{padding:30px 35px;margin-bottom:20px}.padded-panel h2{font-size:23px;margin:0 0 26px;font-weight:900}.admin-field{display:flex;flex-direction:column;gap:7px;margin-bottom:23px;min-width:0}.admin-field>span{color:#41484e;font-size:13px;font-weight:800}.admin-field>small{font-size:11px;line-height:1.6;color:#979fa5}.admin-field input,.admin-field textarea,.admin-field select{border:1px solid #d5dadc;width:100%;min-width:0;background:white;font-size:14px;padding:12px 14px;color:#2f353a;font-weight:400;line-height:1.5;border-radius:0}.admin-field input[type=file]{border-style:dashed;background:#fbfcfc;cursor:pointer}.admin-field textarea{resize:vertical}.admin-field input:disabled{background:#f5f4ee;color:#929ba0}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px rgba(217,8,24,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:23px}.form-grid>.form-span-2{grid-column:span 2}.form-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:20px 0 30px;flex-wrap:wrap}.compact-check{font-size:13px;color:#525b62;font-weight:750;display:flex;align-items:center;gap:10px;margin:12px 0 8px}.compact-check input{accent-color:var(--red);width:17px;height:17px}.upload-preview{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 27px}.upload-preview img{width:260px;height:170px;object-fit:cover;background:#eee;border:1px solid #e5e6e6}.alert{padding:16px 20px;margin:0 0 23px;font-size:13px;font-weight:750;border-left:4px solid #438c60;background:#e8f5ec;color:#286044}.alert-error{border-color:#294e43;background:#fff0f0;color:#a3282f}.alert-warning{border-color:#dda137;background:#fff7e7;color:#78551f}.alert-success{border-color:#438c60;background:#e8f5ec;color:#286044}.message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.message-head h2{margin:10px 0 5px;font-size:30px}.message-head p{font-size:14px;color:#6b7379}.message-contact{display:flex;align-items:center;gap:26px;padding:16px 0;border-top:1px solid #e5e8ea;border-bottom:1px solid #e5e8ea;font-size:13px;font-weight:800;color:#484e53;flex-wrap:wrap}.message-contact a,.message-contact span{display:flex;gap:9px;align-items:center}.message-contact svg{color:var(--red)}.message-text{padding:25px 0 5px;font-size:15px;line-height:1.8;color:#444b50;white-space:normal}.message-text p{margin:0 0 17px}.account-panel h2{font-size:30px;margin:10px 0 2px}.account-panel p{font-size:15px;color:#6f777d}.account-panel .muted{font-size:12px;color:#a3a9ae}
/* Login */
.login-page{min-height:100vh;background:#f0f2f3;display:grid;place-items:center}.login-container{width:min(100% - 36px,500px);padding:40px 0}.login-brand{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;gap:16px}.login-brand img{width:225px;height:auto}.login-brand span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#737b81;text-align:right}.login-box{background:#fff;padding:47px 43px 43px;border-top:6px solid var(--red);box-shadow:0 20px 55px rgba(45,55,60,.08)}.login-box h1{font-weight:900;font-size:51px;letter-spacing:-.065em;line-height:1.03;margin:13px 0 15px}.login-box h1 em{font-style:normal;color:var(--red)}.login-box>p{font-size:14px;color:#798087;margin-bottom:33px}.login-box label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;margin-bottom:20px}.login-box input{border:1px solid #d2d8db;padding:13px 14px;background:#fff}.login-box button{width:100%;margin-top:8px;justify-content:space-between}.back-to-site{display:block;text-align:center;margin:25px 0 0;font-size:13px;font-weight:800;color:#6d747a}.back-to-site:hover{color:var(--red)}
@media(max-width:1200px){.admin-layout{grid-template-columns:225px minmax(0,1fr)}.sidebar-brand{padding:25px 19px}.sidebar-brand img{width:187px}.admin-main{padding:30px 28px 65px}.admin-topbar{padding:25px 28px}.admin-footer{padding:20px 28px}.sidebar-nav{padding-left:8px;padding-right:8px}.stat-grid{gap:11px}.stat-card{padding:19px}.recent-list>a{grid-template-columns:1fr auto}.recent-list small{grid-column:span 2;text-align:left}}
@media(max-width:880px){.admin-layout{display:block}.sidebar{height:auto;min-height:0;position:static}.sidebar-brand{display:flex;align-items:center;gap:22px;padding:15px 22px}.sidebar-brand img{width:164px}.sidebar-brand span{margin:0}.sidebar-nav{flex-direction:row;gap:4px;padding:8px 14px 12px;overflow-x:auto;white-space:nowrap}.sidebar-nav>a{padding:11px;font-size:12px;gap:8px;flex:none}.nav-separator{display:none}.sidebar-footer{display:none}.admin-topbar{height:110px}.admin-topbar h1{font-size:30px}.admin-main{padding:23px 24px 60px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-columns{grid-template-columns:1fr}.welcome-banner{min-height:225px}}
@media(max-width:550px){.sidebar-brand{flex-direction:column;align-items:flex-start;gap:10px}.sidebar-brand span{font-size:9px}.admin-main{padding:20px 15px 45px}.admin-topbar{height:103px;padding:18px 16px}.admin-topbar h1{font-size:27px}.admin-user span{display:none}.welcome-banner{padding:28px 24px;min-height:210px}.welcome-banner h2{font-size:38px}.stat-grid{gap:9px}.stat-card{padding:17px 14px}.stat-card strong{font-size:34px}.admin-tip{margin-top:17px}.panel-toolbar{flex-direction:column;align-items:flex-start}.padded-panel{padding:24px 19px}.padded-panel h2{font-size:22px}.form-grid{grid-template-columns:1fr}.form-grid>.form-span-2{grid-column:auto}.form-actions{justify-content:stretch}.form-actions>.admin-btn,.form-actions>form,.form-actions>form>.admin-btn{flex:1}.message-head{flex-direction:column}.login-box{padding:35px 25px}.login-box h1{font-size:46px}.login-brand{flex-direction:column;align-items:flex-start}.login-brand span{text-align:left}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.settings-image-hint{font-size:13px;color:#7e868d;margin:-7px 0 22px}.image-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.image-setting{border:1px solid #e3e6e7;padding:19px;display:flex;flex-direction:column;min-width:0}.image-setting strong{font-size:13px;color:#3c444a;margin-bottom:12px}.image-setting img{width:100%;height:170px;object-fit:contain;background:#f3f4f5;margin-bottom:13px}.image-setting input[type=file]{max-width:100%;font-size:12px}.image-setting .compact-check{font-size:12px;font-weight:500;margin-top:13px}@media(max-width:600px){.image-setting-grid{grid-template-columns:1fr}}

/* miba media. – natürliche Markenfarben */
:root{--sage:#9eaf95;--cream:#f8f6f0}