.obs-todo-shell{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;max-width:1100px;margin:0 auto;padding:28px 18px}
.obs-todo-side{background:#fff;border:1px solid #e4e4ef;border-radius:14px;padding:14px} 
.obs-todo-nav{display:flex;flex-direction:column;gap:4px}  
.obs-todo-navlink{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:#3f415e;border-left:3px solid transparent}
.obs-todo-navlink:hover{background:#f4f4fb} 
.obs-todo-aktiv{background:#ecebff;color:#2f2ab5;font-weight:700;border-left-color:#5048e5} 
.obs-todo-navkopf{display:block;font-weight:700;color:#14152a;padding:6px 12px 12px;text-decoration:none}  
.obs-todo-navtrenn{border-top:1px solid #eeeef6;margin:10px 0}
.obs-todo-rot{color:#b02a37} 
.obs-todo-main{min-width:0}  
@media(max-width:860px){.obs-todo-shell{grid-template-columns:1fr;gap:16px}.obs-todo-nav{flex-direction:row;flex-wrap:wrap}} 
.obs-todo-main .obs-todo{padding:0;max-width:none;margin:0}
.obs-todo-shell{max-width:none;margin:0;padding:24px clamp(16px,3vw,48px)}
main:has(.obs-todo-shell){max-width:none;width:auto;margin:0;padding:0}
.obs-todo-side{position:sticky;top:16px} 
.obs-todo-form{max-width:none}  
.obs-todo-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))} 
@media(max-width:860px){.obs-todo-side{position:static}.obs-todo-shell{padding:16px 14px}.obs-todo-navlink{flex:1 1 auto;text-align:center}}
@media(max-width:560px){.obs-todo-cta{flex-direction:column}.obs-todo-btn{justify-content:center}}
html,body{margin:0;padding:0}