body{color:#fff;background-color:#121212;margin:0;padding:20px;font-family:Arial,sans-serif}h1{text-align:center;color:#4ffbba}.plan-container{background-color:#1e1e1e;border-radius:8px;max-width:1000px;margin:0 auto;padding:20px;box-shadow:0 4px 10px #0000004d}.home-container{text-align:center;max-width:600px;margin:50px auto;padding:20px}.home-titel{color:#4ffbba;text-shadow:0 2px 4px #00000080;margin-bottom:30px;font-size:32px}.karte-dashboard{background-color:#1e1e1e;border:1px solid #2d2d2d;border-radius:12px;padding:30px;box-shadow:0 8px 24px #00000080}.karte-titel{color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:20px;font-size:18px}.plan-tabelle{border-collapse:collapse;width:100%;margin-top:20px}.plan-tabelle th,.plan-tabelle td{text-align:left;border-bottom:1px solid #333;padding:12px}.plan-tabelle th{color:#4ffbba;background-color:#2d2d2d}.plan-tabelle th:last-child,.plan-tabelle td:last-child{text-align:right;padding-right:15px}.wochentag{background-color:#252525;font-weight:700}.dropdown,input[type=password]{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#333;border:1px solid #555;border-radius:4px;width:100%;padding:8px;font-size:14px}.dropdown:focus,input[type=password]:focus{border-color:#4ffbba;outline:none}.button-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.button-grid{flex-direction:column;gap:15px;display:flex}.save-btn{color:#121212;cursor:pointer;background-color:#4ffbba;border:none;border-radius:4px;width:200px;padding:10px 20px;font-size:16px;font-weight:700;transition:background-color .2s}.save-btn:hover{background-color:#3cdca2}.home-btn{color:#fff;cursor:pointer;text-align:center;background-color:#444;border:none;border-radius:4px;width:200px;padding:10px 20px;font-size:16px;font-weight:700}.home-btn:hover{background-color:#666}.nav-button{color:#fff;cursor:pointer;background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;justify-content:center;align-items:center;padding:18px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.nav-button .icon{margin-right:12px;font-size:22px}.aufgaben-btn:hover{color:#4ffbba;background-color:#243a32;border-color:#4ffbba;transform:translateY(-2px)}.dvd-btn:hover{color:#3498db;background-color:#1f2d3d;border-color:#3498db;transform:translateY(-2px)}.dashboard-btn:hover{color:#b48c1e;background-color:#4e421b;border-color:#9b6c16;transform:translateY(-2px)}.kontakt-btn:hover{color:#bd2f0b;background-color:#4d2b22;border-color:#bd2f0b;transform:translateY(-2px)}.chat-btn:hover{color:#9324c7;background-color:#41253c;border-color:#924aa8;transform:translateY(-2px)}.settings-btn:hover{color:#0a0dbb;background-color:#2c2553;border-color:#1705bd;transform:translateY(-2px)}.einkaufs-btn:hover{color:#8e326e;background-color:#422e47;border-color:#792e5f;transform:translateY(-2px)}.lists-btn:hover{color:#99a813;background-color:#302c09;border-color:#a19f0f;transform:translateY(-2px)}.text-button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 4px 6px #dc262633}.logout-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px);box-shadow:0 6px 15px #dc262666}.logout-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #dc262633}.chat-container{box-sizing:border-box;background:#111;border:1px solid #333;border-radius:12px;flex-direction:column;max-width:600px;height:80vh;margin:20px auto;padding:15px;display:flex}.chat-verlauf{flex-direction:column;flex:1;gap:12px;margin-bottom:15px;padding-right:10px;display:flex;overflow-y:auto}.nachricht{flex-direction:column;max-width:75%;display:flex}.absender{color:#888;margin-bottom:3px;padding:0 5px;font-size:11px}.text-blase{color:#fff;word-wrap:break-word;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.4}.nachricht.links{align-self:flex-start}.nachricht.links .text-blase{background:#252525;border:1px solid #333;border-top-left-radius:2px}.nachricht.rechts,.nachricht.rechts .absender{align-self:flex-end}.nachricht.rechts .text-blase{background:#005c4b;border:1px solid #4ffbba;border-top-right-radius:2px}.chat-eingabe-gruppe{box-sizing:border-box;background:#222;border:1px solid #4ffbba;border-radius:8px;align-items:stretch;width:100%;padding:5px;display:flex}.chat-eingabe-gruppe textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;height:50px;min-height:40px;max-height:150px;padding:10px;font-family:inherit;font-size:14px}.chat-eingabe-gruppe button{color:#4ffbba;cursor:pointer;background:#333;border:1px solid #4ffbba;border-radius:6px;margin-left:5px;padding:0 20px;font-weight:700;transition:all .2s}.chat-eingabe-gruppe button:hover{color:#111;background:#4ffbba}#aufgaben-liste ul{margin:0;padding:0;list-style:none}#aufgaben-liste li{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;font-size:15px;transition:background .2s;display:flex}#aufgaben-liste li:hover{background:#2b2b2b}#aufgaben-liste input[type=checkbox]{accent-color:#4ffbba;cursor:pointer;width:18px;height:18px}#aufgaben-liste li.erledigt{color:#666;background:#1a1a1a;border-color:#222;text-decoration:line-through}@media screen and (width<=768px){body{padding:10px}.plan-container{padding:15px}.plan-container>div[style*="display: flex"]{gap:12px;flex-direction:column!important;align-items:stretch!important}.plan-container h1{padding-right:0!important;font-size:22px!important}#btn-formular-toggle{text-align:center;width:100%!important}#formular-box div[style*="display: flex"]{flex-direction:column;gap:10px}.filter-fsk-container{flex-direction:column;gap:8px;display:flex}.filter-fsk-container label{background:#252525;border:1px solid #333;border-radius:4px;align-items:center;padding:10px;display:flex;margin-right:0!important}.plan-tabelle thead{display:none}.plan-tabelle,.plan-tabelle tbody,.plan-tabelle tr,.plan-tabelle td{box-sizing:border-box;width:100%;display:block}.plan-tabelle tr{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:12px;box-shadow:0 4px 6px #0003}.plan-tabelle td.wochentag{text-align:center;color:#4ffbba;background-color:#252525;border-bottom:2px solid #4ffbba;border-radius:6px;margin-bottom:15px;padding:10px;font-size:1.2rem;display:block}.plan-tabelle td:not(.wochentag){border-bottom:1px dashed #333;justify-content:space-between;align-items:center;padding:10px 5px;display:flex}.plan-tabelle td:not(.wochentag):before{content:attr(data-label);color:#888;text-align:left;padding-right:10px;font-size:.9rem;font-weight:700}.plan-tabelle.dvd-tabelle td{border-bottom:1px dashed #333;text-align:right!important;justify-content:space-between!important;align-items:center!important;padding:10px 5px!important;display:flex!important}.plan-tabelle.telefon-tabelle td{box-sizing:border-box;border-bottom:1px dashed #333;text-align:right!important;justify-content:space-between!important;align-items:center!important;padding:12px 8px!important;display:flex!important}.plan-tabelle.telefon-tabelle td:first-of-type:before{content:"Vorname:";color:#4ffbba;text-align:left;font-weight:700}.plan-tabelle.telefon-tabelle td:nth-of-type(2):before{content:"Nachname:";color:#4ffbba;text-align:left;font-weight:700}.plan-tabelle.telefon-tabelle td:nth-of-type(3):before{content:"Nummer:";color:#4ffbba;text-align:left;font-weight:700}.plan-tabelle.telefon-tabelle td:nth-of-type(4):before{content:"Aktion:";color:#4ffbba;text-align:left;font-weight:700}.plan-tabelle.telefon-tabelle td:last-child{gap:10px;border-bottom:2px solid #4ffbba!important;flex-direction:row!important;justify-content:flex-end!important;padding-top:12px!important;padding-bottom:15px!important}.plan-tabelle.telefon-tabelle td button{flex:1;margin:0!important;padding:10px!important;font-size:14px!important}.plan-tabelle.dvd-tabelle td:first-of-type:before{content:"DVD-Nr:";color:#38bdf8;text-align:left;font-weight:700}.plan-tabelle.dvd-tabelle td:nth-of-type(2):before{content:"Filmtitel:";color:#38bdf8;text-align:left;font-weight:700}.plan-tabelle.dvd-tabelle td:nth-of-type(3):before{content:"Besitzer:";color:#38bdf8;text-align:left;font-weight:700}.plan-tabelle.dvd-tabelle td:nth-of-type(4):before{content:"FSK:";color:#38bdf8;text-align:left;font-weight:700}.plan-tabelle.dvd-tabelle td:nth-of-type(5):before{content:"Lagerort:";color:#38bdf8;text-align:left;font-weight:700}.plan-tabelle.dvd-tabelle td:last-child{gap:8px;border-bottom:none!important;flex-direction:column!important;align-items:stretch!important;padding-top:15px!important}.plan-tabelle.dvd-tabelle td button{width:100%!important;margin:0!important;padding:10px!important;font-size:14px!important}.dropdown,select,input[type=text],input[type=number]{padding:10px;font-size:16px}}
