*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f6f6f6;color:#222}header{background:#fff;border-bottom:4px solid var(--p,#f58220);padding:14px 24px;display:flex;align-items:center;gap:18px}header img{height:48px;max-width:180px;object-fit:contain}nav{background:#222;padding:10px 24px}nav a{color:white;text-decoration:none;margin-right:18px}main{max-width:1180px;margin:24px auto;padding:0 18px}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px #0000000d}.btn{display:inline-block;background:var(--p,#f58220);color:#fff;border:0;border-radius:8px;padding:9px 14px;text-decoration:none;cursor:pointer}.danger{background:#a22}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee}input,select,textarea{width:100%;padding:9px;border:1px solid #ccc;border-radius:7px;margin:4px 0 10px}label{font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.badge{padding:4px 8px;border-radius:12px;background:#eee}.pending{background:#fff1c9}.approved{background:#d9f4df}.rejected{background:#ffdada}.notice{padding:12px 14px;border-radius:8px;margin:0 0 16px}.notice.ok{background:#d9f4df}.notice.error{background:#ffdada}.secondary{background:#666}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 0}.editor-toolbar button{border:1px solid #ccc;background:#fff;border-radius:6px;padding:7px 10px;cursor:pointer}.rich-editor{min-height:220px;border:1px solid #ccc;border-radius:7px;padding:12px;margin-bottom:12px;background:#fff;line-height:1.5}.rich-editor:focus{outline:2px solid var(--p,#f58220);outline-offset:1px}.image-preview img{max-width:420px;max-height:220px;object-fit:cover;border-radius:8px;display:block;margin:6px 0}.thumb{width:100px;height:58px;object-fit:cover;border-radius:6px}.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.table-wrap{overflow-x:auto}.checks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}

/* Update 18: horizontales Admin-Menü, Dropdowns standardmäßig sicher geschlossen */
.admin-nav{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;padding:10px 24px!important;background:#222!important;overflow:visible!important;position:relative!important;z-index:1000!important}
.admin-nav a,.admin-nav .nav-group-title{color:#fff!important;text-decoration:none!important;font-weight:500!important}
.admin-nav .nav-direct,.admin-nav .nav-group-title{display:block!important;padding:9px 12px!important;border-radius:7px!important;white-space:nowrap!important;cursor:pointer!important;user-select:none!important}
.admin-nav .nav-group-title::after{content:' ▾';font-size:.8em}
.admin-nav .nav-group{position:relative!important;display:block!important;width:auto!important;margin:0!important;padding:0!important}
.admin-nav .nav-group.active>.nav-group-title,.admin-nav .nav-direct.active,.admin-nav .nav-group:hover>.nav-group-title,.admin-nav .nav-group.menu-open>.nav-group-title{background:#3a3a3a!important}
/* Wichtig: Untermenüs sind im Grundzustand unsichtbar. */
.admin-nav .nav-group>.nav-sub{display:block!important;position:absolute!important;left:0!important;top:100%!important;z-index:2000!important;min-width:230px!important;background:#2b2b2b!important;border-radius:0 0 8px 8px!important;padding:6px!important;box-shadow:0 8px 22px #0004!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-4px)!important;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!important}
@media (hover:hover) and (pointer:fine){.admin-nav .nav-group:hover>.nav-sub{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important}}
.admin-nav .nav-group.menu-open>.nav-sub{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important}
.admin-nav .nav-sub a{display:block!important;padding:9px 11px!important;margin:0!important;border-radius:6px!important;color:#fff!important;white-space:nowrap!important;background:transparent!important}
.admin-nav .nav-sub a:hover,.admin-nav .nav-sub a.active{background:var(--p,#f58220)!important;color:#fff!important}
.admin-nav .nav-logout{margin-left:auto!important}
@media(max-width:900px){.admin-nav{overflow-x:auto!important;overflow-y:visible!important}.admin-nav .nav-logout{margin-left:0!important}}
.logo-current{margin:8px 0 16px;padding:14px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.logo-current img{display:block;max-width:360px;max-height:140px;width:auto;height:auto;object-fit:contain}.logo-current small{display:block;margin-top:8px;color:#666}

main a:not(.btn){color:#E14243}main a:not(.btn):hover{color:#b6292c}
.btn,.btn.secondary,.btn.danger,main button,.editor-toolbar button{background:#E14243!important;color:#fff!important;border-color:#E14243!important}.btn:hover,.btn.secondary:hover,.btn.danger:hover,main button:hover,.editor-toolbar button:hover{background:#b6292c!important;border-color:#b6292c!important}
