:root{color-scheme:light;--color-bg: #f8fafc;--color-bg-primary: #ffffff;--color-bg-secondary: #0f172a;--color-surface: #f1f5f9;--color-surface-hover: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverted: #ffffff;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: rgba(79, 70, 229, .1);--color-success: #10b981;--color-danger: #ef4444;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-nav-bg: var(--color-bg-secondary);--color-nav-text: rgba(255, 255, 255, .92);--color-overlay: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 30px;--nav-height: 56px;--scrollbar-size: 8px;--scrollbar-track: var(--color-surface);--scrollbar-thumb: var(--color-border);--scrollbar-thumb-hover: var(--color-text-muted)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f172a;--color-bg-primary: #1e293b;--color-bg-secondary: #020617;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverted: #ffffff;--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-soft: rgba(129, 140, 248, .15);--color-success: #34d399;--color-danger: #f87171;--color-border: #334155;--color-border-light: #1e293b;--color-nav-bg: #020617;--color-nav-text: rgba(255, 255, 255, .92);--color-overlay: rgba(0, 0, 0, .7);--scrollbar-track: var(--color-bg-primary);--scrollbar-thumb: var(--color-border);--scrollbar-thumb-hover: var(--color-text-muted);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{background-attachment:fixed}a{color:var(--color-primary);text-decoration:none;cursor:pointer}a:hover{color:var(--color-primary-hover);text-decoration:underline}::selection{background:var(--color-primary-soft)}h1,h2,h3{font-weight:600;line-height:1.25;color:var(--color-text)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button,.btn,.app-back-button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverted);font-size:var(--font-sm);font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}button:hover,.btn:hover,.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-back-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.app-back-button:hover{background:var(--color-surface-hover);color:var(--color-text);transform:translateY(-1px)}.delete-button{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverted)}.delete-button:hover{background:#dc2626}.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.secondary:hover{background:var(--color-surface-hover);color:var(--color-text)}.primary,.create-btn{padding:10px 20px;font-size:var(--font-md)}.person-section-button{min-width:110px}.create-person-btn:hover{background:var(--color-primary);color:var(--color-text-inverted)}.btn-sm{padding:4px 6px;min-width:28px;height:28px;font-size:14px;line-height:1}.btn-sm svg{display:block}input[type=text],input[type=search],input[type=date],input[type=number],input:not([type]),textarea,select{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text);font-size:var(--font-sm);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:hover,textarea:hover,select:hover{border-color:var(--color-text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}::placeholder{color:var(--color-text-muted)}textarea{resize:vertical;min-height:80px}.inline-edit-input{min-width:200px;font-size:inherit;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text);box-shadow:var(--shadow-sm)}.inline-edit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.app-root-layout{min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-xl);height:var(--nav-height);background:var(--color-nav-bg);color:var(--color-nav-text);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.top-nav__logo{font-size:var(--font-lg);font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--color-nav-text)}.top-nav__links{display:flex;gap:2px;align-items:center;gap:var(--space-sm)}.top-nav__links a{color:#fffc;font-size:var(--font-sm);font-weight:500;padding:6px 12px;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease}.top-nav__links a:hover,.top-nav__links a.active{background:#ffffff1f;color:#fff;text-decoration:none}.top-nav__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:#fff;cursor:pointer;padding:0;transition:background .15s ease;flex-shrink:0}.theme-toggle:hover{background:#fff3;transform:translateY(-1px)}.theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;pointer-events:none}.page-container{flex:1;display:flex;justify-content:center;padding:var(--space-xl)}.page-sheet{width:min(100%,1100px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.title-bar{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);display:flex;align-items:center}.title-bar h1{margin:0;font-size:var(--font-2xl);font-weight:700}.site-footer{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-xs);border-top:1px solid var(--color-border)}.site-footer p{margin:0;font-weight:400}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px;z-index:20;box-shadow:none}.hamburger:hover,.hamburger:focus,.hamburger:focus-visible,.hamburger:active{background:none;box-shadow:none;transform:none}.hamburger span{width:22px;height:2px;background:var(--color-nav-text);border-radius:2px;pointer-events:none;transition:.3s ease}.hamburger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.app-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.app-page-header__content{display:grid;gap:var(--space-xs)}.app-page-header__content h2{margin:0}.app-page-header__content p{margin:0;color:var(--color-text-secondary);font-size:var(--font-sm)}.title-search{margin-left:auto;display:flex;align-items:center;gap:var(--space-xs);position:relative}.title-search__toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);background:#ffffff2e;color:var(--color-nav-text);cursor:pointer}.title-search__toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.title-search input[type=search]{width:min(100%,260px);border-radius:var(--radius-md);padding:6px 12px}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-inline-flex{display:inline-flex}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap-wrap{flex-wrap:wrap}.gap-1{gap:1rem}.gap-2{gap:2rem}.align-items-center{align-items:center}.justify-space-between{justify-content:space-between}.justify-center{justify-content:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mr-1{margin-right:1rem}.fs-sm{font-size:var(--font-sm)}.fs-xs{font-size:var(--font-xs)}.fw-600{font-weight:600}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.w-available{width:-webkit-fill-available;width:-moz-available;width:stretch}.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--space-2xl);font-size:var(--font-md)}.validation{color:var(--color-danger);font-size:var(--font-xs);margin-top:var(--space-xs)}.form-input{display:flex;flex-direction:column;gap:var(--space-xs)}.form-input label{font-size:var(--font-sm);font-weight:600}.modal-base{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:999;padding:var(--space-md)}.modal-base-content{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;width:100%;max-height:90vh;overflow-y:auto}.confirm-modal{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.confirm-modal__title{font-size:var(--font-lg);font-weight:600;margin:0}.confirm-modal__message{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.6;overflow-wrap:break-word;word-break:break-word}.confirm-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.confirm-modal__btn--cancel{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.confirm-modal__btn--cancel:hover{background:var(--color-surface-hover);color:var(--color-text)}.confirm-modal__btn--confirm{background:var(--color-danger);border-color:var(--color-danger)}.confirm-modal__btn--confirm:hover{background:#dc2626}.snackbar{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:9999;padding:12px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-sm);font-weight:500;color:#fff;min-width:250px;opacity:0;transform:translate(20px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.snackbar.show{opacity:1;transform:translate(0);pointer-events:auto}.snackbar.success{background:var(--color-success)}.snackbar.failure{background:var(--color-danger)}.home-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl);width:min(100%,900px);margin-left:auto;margin-right:auto}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);text-align:center;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__number{font-size:var(--font-3xl);font-weight:700;color:var(--color-primary);line-height:1.2}.stat-card__label{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);font-weight:500}.course-grid{width:min(100%,900px);margin:0 auto;padding:0 var(--space-lg) var(--space-lg)}.course-grid__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.course-grid__header h2{font-size:var(--font-lg);margin:0}.search-wrapper{position:relative;width:240px}.search-wrapper .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.search-wrapper input{width:100%;padding-left:32px}.course-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.course-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .15s ease;cursor:pointer;display:flex;flex-direction:column}.course-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card__body{padding:var(--space-md);display:flex;flex-direction:column;height:100%}.course-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.course-card__sections{font-size:var(--font-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:var(--radius-full)}.course-card__date{font-size:var(--font-xs);color:var(--color-text-muted)}.course-card__title{font-size:var(--font-md);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.3}.course-card__desc{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-md) 0;flex:1}.course-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.course-card__link{font-size:var(--font-sm);font-weight:500;color:var(--color-primary)}.course-card:hover .course-card__link{text-decoration:underline}.course-card__delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:0;box-shadow:none;transition:all .15s ease}.course-card__delete:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #ef44444d}.course-card__delete svg{width:16px;height:16px;pointer-events:none}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-md);color:var(--color-text-muted)}.empty-state__icon svg{width:100%;height:100%}.empty-state h3{margin:0 0 var(--space-sm) 0;color:var(--color-text)}.empty-state p{margin:0 0 var(--space-lg) 0;color:var(--color-text-secondary);font-size:var(--font-sm)}.clickable{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);cursor:pointer;transition:background .15s ease,transform .1s ease}.clickable:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.item-row{display:flex;flex-direction:column;min-width:0}.item-row span{font-size:var(--font-md);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.item-row small{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:4px}.icon{flex-shrink:0;width:20px;height:20px;color:var(--color-text-muted);margin-left:var(--space-sm)}.home-delete-button{margin-left:auto}.home-view-all{margin-top:var(--space-lg);text-align:center}.section-cards{display:flex;flex-direction:column;gap:var(--space-md)}.section-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column}.section-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.section-card__badge{font-size:var(--font-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 10px;border-radius:var(--radius-full)}.section-card__date{font-size:var(--font-xs);color:var(--color-text-muted)}.section-card__title{font-size:var(--font-md);font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs) 0;line-height:1.3}.section-card__desc{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-md) 0}.section-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:var(--space-sm);flex-wrap:wrap}.section-card__period{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--color-text-muted);background:var(--color-surface);padding:4px 10px;border-radius:var(--radius-full)}.section-card__period-icon{width:14px;height:14px;flex-shrink:0}.section-card__link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-sm);font-weight:500;color:var(--color-primary)}.section-card:hover .section-card__link{text-decoration:underline}.section-card__arrow{width:16px;height:16px;transition:transform .15s ease}.section-card:hover .section-card__arrow{transform:translate(3px)}.courses-overview{width:min(100%,900px);margin:0 auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.courses-overview__heading{margin:0;font-size:var(--font-lg);font-weight:700;color:var(--color-text)}.course-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0}.course-list .course-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);font-size:var(--font-md);font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s ease}.course-list .course-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.participants-overview{width:min(100%,900px);margin:0 auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.participants-overview__heading{margin:0;font-size:var(--font-lg);font-weight:700;color:var(--color-text)}.participant-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-md);font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s ease}.participant-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.participant-item__name{font-size:var(--font-md);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.participant-item__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.participant-item__delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:0;box-shadow:none;transition:all .15s ease;order:1}.participant-item__delete:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #ef44444d}.participant-item__delete svg{width:16px;height:16px;pointer-events:none}.kurstillfalle-overview__header{align-items:center;margin-bottom:var(--space-md)}.kurstillfalle-overview__title-row,.kurstillfalle-overview__title-actions{display:flex;align-items:center;gap:.5rem}.kurstillfalle-overview__actions{display:flex;align-items:center;gap:var(--space-sm)}.kurstillfalle-list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;padding:0}.kurstillfalle-list__item{padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s ease}.kurstillfalle-list__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kurstillfalle-list__item:hover h3{text-decoration:underline}.kurstillfalle-card{display:block;flex:1}.kurstillfalle-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.kurstillfalle-overview__header h2{padding:var(--space-md) 0}.course-section-view__header{align-items:center;margin-bottom:var(--space-md)}.course-section-view__title-row,.course-section-view__title-actions{display:flex;align-items:center;gap:.5rem}.course-section-view__actions{display:flex;align-items:center;gap:var(--space-sm)}.group-list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;padding:0}.group-list__item{padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s ease}.group-list__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.group-list__item:hover h3{text-decoration:underline}.group-list__card{flex:1}.group-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.course-section-view__header h2{padding:var(--space-md) 0}.group-view{display:grid;gap:var(--space-md)}.group-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.group-view__header h2,.group-view__header p{margin:0}.group-view__header-info{width:100%}.group-view__header-info p{text-align:center}.group-view__title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;justify-content:space-between}.group-view__header-actions{display:flex;align-items:center;gap:.5rem}.group-view--empty{max-width:640px}.group-view__members{display:grid;gap:.75rem}.group-view__members h3{margin:0}.group-view__member-controls{display:grid;gap:.5rem}.group-view__member-actions{display:flex;flex-wrap:wrap;gap:.5rem}.group-view__member-actions input{min-width:200px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);background:var(--color-bg-primary);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.group-view__member-actions input::placeholder{color:var(--color-text-muted)}.group-view__member-actions input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.group-view__member-actions input:hover{border-color:var(--color-text-muted)}.group-view__members ul{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.group-view__members li{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-md);cursor:pointer;transition:all .15s ease}.group-view__members li:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.group-view__member-name{flex:1;font-weight:500;color:var(--color-text)}.group-view__member-link{text-decoration:none!important}.group-view__member-link:hover .group-view__member-name{color:var(--color-primary)}.create-course-header{align-items:center;margin-bottom:var(--space-md)}.create-course-header+form{display:flex;flex-direction:column;gap:var(--space-sm);width:min(100%,520px);margin:0 auto;padding:var(--space-lg)}label{font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.actions{margin-top:var(--space-md);display:flex;justify-content:flex-end;gap:var(--space-sm)}.create-group-container{display:flex;flex-direction:column;gap:var(--space-lg);width:min(100%,600px);margin:0 auto;padding:var(--space-lg)}.create-group-header{align-items:center}.create-group-container label{display:flex;flex-direction:column;gap:var(--space-sm)}.create-group-container .card h3{font-size:var(--font-lg);margin-bottom:var(--space-sm);color:var(--color-text)}.create-group-container .card button{align-self:flex-start}.create-group-container .card ul{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.create-group-container .card li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.create-group-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.person-in-group-list-item{border-bottom:1px dashed var(--color-border);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm)}.person-selection,.personNameInput{max-width:250px}.personInputContainer{display:flex;gap:1rem;width:100%}.create-kurstillfalle__header{align-items:center;margin-bottom:var(--space-md)}.create-kurstillfalle__form{display:grid;gap:var(--space-sm);max-width:640px}.create-kurstillfalle__actions{margin-top:var(--space-md);display:flex;gap:var(--space-sm);justify-content:flex-end}.edit-group{display:grid;gap:var(--space-md);max-width:640px}.edit-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.edit-group__header h2,.edit-group__header p{margin:0}.edit-group__field{display:grid;gap:.5rem;font-weight:600}.edit-group__field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.edit-group__field input::placeholder{color:var(--color-text-muted)}.edit-group__field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.edit-group__field input:hover{border-color:var(--color-text-muted)}.edit-group__status{margin:0;color:var(--color-danger);font-size:var(--font-sm)}.edit-group__actions{display:flex;gap:.75rem}.detail-page{padding:var(--space-md);display:grid;gap:var(--space-lg);min-width:0}.detail-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}.state-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);color:var(--color-text)}.state-card--error{border-color:var(--color-danger)}.hero-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-xl);text-align:left}.profile-placeholder{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#818cf8);color:#fff;font-size:2rem;font-weight:700;box-shadow:var(--shadow-md);flex-shrink:0}.profile-image{width:160px;height:160px;object-fit:cover;border-radius:50%;border:3px solid var(--color-border);box-shadow:var(--shadow-md);flex-shrink:0}.hero-info{text-align:left;min-width:0}.hero-info h1{font-size:var(--font-3xl);margin-bottom:4px;word-break:break-word}.hero-info p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.hero-actions{display:flex;justify-content:flex-start;gap:var(--space-sm);margin-top:var(--space-sm)}.section{margin-top:var(--space-xl)}.section-header{margin-bottom:var(--space-md)}.section-header p{margin:0;color:var(--color-text-secondary)}.overview-grid{display:grid;gap:var(--space-md)}.overview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);color:var(--color-text)}.overview-card h2{margin:0 0 var(--space-sm);font-size:var(--font-lg)}.relation-row{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:background .15s ease}.relation-row:hover,.relation-row:focus-visible{background:var(--color-surface-hover)}.relation-row span{font-weight:600;word-break:break-word}.relation-row small{color:var(--color-text-secondary);font-size:var(--font-xs)}.content-list{display:grid;gap:var(--space-md)}.content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);color:var(--color-text)}.content-card__meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.content-card__meta h3,.content-card__meta p{margin:0}.content-card__meta p,.content-card__meta small{color:var(--color-text-secondary)}.course-tags{display:flex;flex-wrap:wrap;gap:.5rem}.course-tag{padding:2px 10px;background:var(--color-primary);color:var(--color-text-inverted);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.note-card{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-text);margin-bottom:var(--space-md)}.note-card small{color:var(--color-text-muted)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.gallery-image{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.section h2{margin-bottom:var(--space-md);color:var(--color-text)}.participant-creator__header{align-items:center;margin-bottom:var(--space-md)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-md);gap:var(--space-md)}.not-found h2{font-size:5rem;font-weight:800;color:var(--color-primary);line-height:1;letter-spacing:-.04em}.not-found p{color:var(--color-text-secondary);max-width:400px}.not-found__button{margin-top:var(--space-md)}.content-module{margin-top:var(--space-xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.content-module__toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:var(--space-md)}.content-module__toolbar-spacer{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.content-module__toolbar h3{margin:0;font-size:var(--font-lg)}.content-module__action-btn{padding:6px 12px;font-size:var(--font-xs)}.content-module__toggle-overview-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.content-module__toggle-overview-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.content-module__toggle-overview-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.content-module__file-input{display:none}.content-module__note-section{margin-bottom:1rem}.content-module__note-textarea{width:100%;min-height:80px;resize:vertical}.content-module__note-actions{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.content-module__note-save-btn{font-size:var(--font-xs)}.content-module__overview{display:flex;flex-direction:column;gap:var(--space-xl)}.content-module__overview-group{display:flex;flex-direction:column;gap:var(--space-sm)}.content-module__overview-group-title{font-size:var(--font-md);font-weight:600;margin:0 0 var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.content-module__overview-source-badge{padding:2px 10px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;display:inline-block}.content-module__content-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.content-module__file-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0}.content-module__file-name{font-size:var(--font-sm);font-weight:500;color:var(--color-text)}.content-module__file-actions{display:flex;align-items:center;align-self:flex-end;gap:.5rem}.content-module__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s ease}.content-module__icon-btn:hover{background:var(--color-surface-hover)}.content-module__icon-btn svg{width:16px;height:16px;fill:currentColor}.content-module__icon-btn--download:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.content-module__icon-btn--remove:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.content-module__date-header{font-weight:600;color:var(--color-text-muted);padding-top:.5rem}.file-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.file-preview__icon{font-size:var(--font-lg);line-height:1}.file-preview__label{font-size:var(--font-sm);color:var(--color-text-muted)}.file-preview__image{width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm)}.file-preview--text{flex-direction:column;align-items:stretch}.file-preview__textarea{width:100%;min-height:150px;padding:var(--space-sm);font-family:monospace;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);resize:vertical}.file-preview__textarea[readonly]{background:var(--color-surface);color:var(--color-text);-webkit-text-fill-color:var(--color-text);opacity:1;cursor:default}.file-preview__audio{border:2px solid var(--color-primary-soft);border-radius:var(--radius-full)}.file-preview__edit-btn{align-self:flex-end}.file-preview--unknown .file-preview__label{font-style:italic;color:var(--color-text-muted)}.breadcrumb-bar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);font-size:var(--font-sm);color:var(--color-text-muted);flex-wrap:wrap}.breadcrumb-bar__home{color:var(--color-primary);cursor:pointer}.breadcrumb-bar__home:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-bar__separator{color:var(--color-text-muted)}.breadcrumb-bar__link{color:var(--color-primary);cursor:pointer;text-decoration:none}.breadcrumb-bar__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-bar__current{color:var(--color-text);font-weight:500}@media(max-width:800px){.hamburger{display:flex}.nav-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:5;transition:opacity .3s ease}.nav-overlay.open{display:block}.top-nav__links{display:flex;position:fixed;top:var(--nav-height);right:-200px;width:200px;height:calc(100vh - var(--nav-height));flex-direction:column;background:var(--color-nav-bg);padding:var(--space-md);gap:0;z-index:10;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px #0000004d}.top-nav__links.open{right:0}.top-nav__links a{width:100%;padding:12px 16px;font-size:1rem;border-radius:var(--radius-md);font-weight:500;text-align:center}.top-nav__links .theme-toggle{margin-top:auto;align-self:center}}@media(max-width:600px){.page-container{padding:var(--space-sm)}.page-sheet{padding:var(--space-sm);border-radius:var(--radius-md);width:100%}.top-nav{padding:0 var(--space-sm);gap:var(--space-sm)}.top-nav__logo{font-size:.95rem}.title-bar{padding:var(--space-sm) var(--space-md)}.site-footer{font-size:11px;padding:var(--space-sm) var(--space-md)}.snackbar{left:50%;right:auto;transform:translate(-50%,20px);min-width:auto;width:max-content;max-width:calc(100% - var(--space-xl) * 2);text-align:center}.snackbar.show{transform:translate(-50%)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}.hero-info h1{font-size:var(--font-2xl)}.title-search__toggle{display:inline-flex}.title-search input[type=search]{display:none;position:absolute;top:calc(100% + 6px);right:0;width:200px;z-index:50;box-shadow:var(--shadow-md);font-size:var(--font-sm);padding:.45rem .65rem}.title-search:focus-within input[type=search]{display:block}button:not(.btn-sm):not(.hamburger):not(.theme-toggle):not(.content-module__icon-btn):not(.title-search__toggle):not(.course-card__delete),.app-back-button:not(.btn-sm),.delete-button:not(.btn-sm),.primary,.create-btn{width:100%;justify-content:center}.btn-sm{padding:5px 7px;min-width:30px;height:30px}.btn-sm svg{width:14px;height:14px}.app-page-header{align-items:stretch}.course-view__actions,.group-view__actions{width:100%}.kurstillfalle-overview__header{flex-direction:column;align-items:stretch}.kurstillfalle-overview__header .app-page-header__content{width:100%}.kurstillfalle-overview__title-row{justify-content:space-between;width:100%}.kurstillfalle-overview__actions{width:100%;margin-top:var(--space-sm)}.kurstillfalle-overview__actions button{width:100%}.course-section-view__header{flex-direction:column;align-items:stretch}.course-section-view__header .app-page-header__content{width:100%}.course-section-view__title-row{justify-content:space-between;width:100%}.course-section-view__actions{width:100%;margin-top:var(--space-sm)}.course-section-view__actions button{width:100%}.group-view__header h2{padding:1rem 0}.kurstillfalle-overview__title-row,.course-section-view__title-row,.group-view__title-row,.group-view__header{justify-content:space-between}.course-cards,.overview-grid{grid-template-columns:1fr}.course-card{padding:var(--space-sm)}.course-card__delete{width:36px;height:36px}.course-card__delete svg{width:18px;height:18px}.section-card{padding:var(--space-md)}.participant-item,.kurstillfalle-list__item,.group-list__item{padding:var(--space-sm)}.courses-overview,.participants-overview{padding:var(--space-md)}.home-actions{flex-direction:column;width:100%}.detail-page{padding:0;gap:var(--space-md)}.hero-card,.state-card,.overview-card,.content-card{padding:var(--space-md)}.section{margin-top:var(--space-md)}.gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.group-view__member-actions{flex-direction:column}.group-view__member-actions input{min-width:0;width:100%}form{width:100%;padding:var(--space-md)}.create-group-container{padding:var(--space-md);width:100%}.personInputContainer{flex-direction:column}.person-section-button{margin-left:0;width:100%}.person-selection,.personNameInput{max-width:100%}.form-row{grid-template-columns:1fr}.edit-group__header{flex-direction:column}.edit-group__actions{flex-direction:column;width:100%}.edit-group__actions button{width:100%}.inline-edit-input{min-width:0;width:100%}.content-module{padding:var(--space-md);margin-top:var(--space-lg)}.content-module__toolbar{flex-direction:column;align-items:stretch}.content-module__action-btn{width:100%}.content-module__file-row{flex-wrap:wrap;flex-direction:column;align-items:flex-start}.content-module__file-name{word-break:break-all}.content-module__file-actions{margin-top:var(--space-xs)}.file-preview{flex-direction:column;align-items:stretch}.file-preview__image{max-height:250px}.confirm-modal__actions button{width:100%}.profile-placeholder{width:64px;height:64px;font-size:1.5rem}.profile-image{width:100px;height:100px}}@media(min-width:768px){.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card__meta{flex-direction:row;align-items:flex-start;justify-content:space-between}}