diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index c7aaecf..08af7a3 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -507,6 +507,7 @@ function QuickLinks({ toast, mobile }) {
 function TodoList({ toast }) {
   const [items, setItems] = useState([]);
   const [text,  setText]  = useState('');
+  const [isOpen, setIsOpen] = useState(true);
   useEffect(() => { api('/dashboard/todos').then(setItems).catch(() => {}); }, []);
 
   const add = async () => {
@@ -528,8 +529,13 @@ function TodoList({ toast }) {
 
   return (
     <div style={{ ...S.card, marginBottom:10 }}>
-      <div style={S.head}>TO-DO</div>
-      <div style={{ display:'flex', gap:6, marginBottom:10 }}>
+      <button onClick={()=>setIsOpen(v=>!v)} style={{width:'100%',background:'transparent',border:'none',
+        display:'flex',justifyContent:'space-between',alignItems:'center',cursor:'pointer',padding:0}}>
+        <div style={S.head}>TO-DO {items.filter(i=>!i.done).length > 0 && <span style={{color:'#4ecdc4',fontFamily:'monospace',fontSize:10}}>({items.filter(i=>!i.done).length})</span>}</div>
+        <span style={{color:'rgba(255,255,255,0.4)',fontSize:11,display:'inline-block',
+          transform:isOpen?'rotate(90deg)':'rotate(0)',transition:'transform 0.2s'}}>▶</span>
+      </button>
+      {isOpen && <><div style={{ display:'flex', gap:6, marginBottom:10, marginTop:10 }}>
         <input value={text} onChange={e => setText(e.target.value)}
           onKeyDown={e => e.key==='Enter' && add()}
           style={{ ...S.inp, flex:1, fontSize:16 }} placeholder="Neue Aufgabe…" />
@@ -565,7 +571,7 @@ function TodoList({ toast }) {
             ))}
           </>
         )}
-      </div>
+      </div></>}
     </div>
   );
 }
@@ -574,6 +580,7 @@ function Notepad({ toast }) {
   const [content,  setContent]  = useState('');
   const [saved,    setSaved]    = useState(true);
   const [saveTime, setSaveTime] = useState(null);
+  const [isOpen,   setIsOpen]   = useState(true);
   const tmr = useRef(null);
 
   useEffect(() => {
@@ -590,15 +597,20 @@ function Notepad({ toast }) {
 
   return (
     <div style={{ ...S.card }}>
-      <div style={{ display:'flex', justifyContent:'space-between', alignItems:'center', marginBottom:8 }}>
-        <div style={S.head}>NOTIZEN</div>
-        <div style={{ color: saved ? 'rgba(78,205,196,0.5)' : 'rgba(255,230,109,0.6)', fontSize:10, fontFamily:'monospace' }}>
+      <div style={{ display:'flex', justifyContent:'space-between', alignItems:'center', marginBottom: isOpen ? 8 : 0 }}>
+        <button onClick={()=>setIsOpen(v=>!v)} style={{background:'transparent',border:'none',
+          display:'flex',alignItems:'center',gap:8,cursor:'pointer',padding:0,flex:1}}>
+          <div style={S.head}>NOTIZEN</div>
+          <span style={{color:'rgba(255,255,255,0.4)',fontSize:11,display:'inline-block',
+            transform:isOpen?'rotate(90deg)':'rotate(0)',transition:'transform 0.2s'}}>▶</span>
+        </button>
+        {isOpen && <div style={{ color: saved ? 'rgba(78,205,196,0.5)' : 'rgba(255,230,109,0.6)', fontSize:10, fontFamily:'monospace' }}>
           {saved ? (saveTime ? `✓ ${new Date(saveTime).toLocaleTimeString('de-DE', { hour:'2-digit', minute:'2-digit' })}` : '✓') : '…'}
-        </div>
+        </div>}
       </div>
-      <textarea value={content} onChange={e => change(e.target.value)}
+      {isOpen && <textarea value={content} onChange={e => change(e.target.value)}
         placeholder="Notizen, IPs, Zugangsdaten…"
-        style={{ ...S.inp, width:'100%', minHeight:140, resize:'vertical', lineHeight:1.7, padding:'10px 12px', fontSize:14 }} />
+        style={{ ...S.inp, width:'100%', minHeight:140, resize:'vertical', lineHeight:1.7, padding:'10px 12px', fontSize:14 }} />}
     </div>
   );
 }