:root{--freiraum-accent: #e07b39;--freiraum-accent-contrast: #ffffff;--freiraum-surface: #ffffff;--freiraum-surface-muted: #f4f4f5;--freiraum-border: #d4d4d8;--freiraum-text: #18181b;--freiraum-text-muted: #52525b;--freiraum-radius: 12px;--freiraum-gap: 16px;--freiraum-font: "Source Sans 3", "Segoe UI", sans-serif;--freiraum-header-height: 3.25rem;--freiraum-min-width: 20rem;--freiraum-columns-breakpoint: 48rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:var(--freiraum-min-width);font-family:var(--freiraum-font);color:var(--freiraum-text);background:var(--freiraum-surface-muted)}.freiraum-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.freiraum-header{display:flex;align-items:center;gap:var(--freiraum-gap);min-height:var(--freiraum-header-height);padding:.5rem 1.25rem;background:var(--freiraum-surface);border-bottom:1px solid var(--freiraum-border)}.freiraum-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.freiraum-brand img{display:block;height:1.75rem;width:auto}.freiraum-module-title{font-size:1rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.freiraum-nav{margin-left:auto;min-width:0}.freiraum-nav ol{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;margin:0;padding:0;list-style:none}.freiraum-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--freiraum-border);background:var(--freiraum-surface);color:var(--freiraum-text-muted);border-radius:999px;padding:.35rem .75rem;font:inherit;font-size:.875rem;line-height:1.2}.freiraum-nav-item[data-status=current]{background:var(--freiraum-accent);border-color:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font-weight:600}.freiraum-nav-item[data-status=completed]{color:var(--freiraum-text);cursor:pointer}.freiraum-nav-item[data-status=completed]:hover,.freiraum-nav-item[data-status=completed]:focus-visible{border-color:var(--freiraum-accent);outline:none}.freiraum-nav-item[data-status=upcoming],.freiraum-nav-item[data-status=locked],.freiraum-nav-item:disabled{opacity:.55;cursor:not-allowed}.freiraum-main{flex:1;display:flex;flex-direction:column;min-width:0}.freiraum-video{width:100%;max-width:36rem;aspect-ratio:16 / 9;background:var(--freiraum-surface-muted);border-radius:var(--freiraum-radius);overflow:hidden;border:1px solid var(--freiraum-border)}.freiraum-video-el{display:block;width:100%;height:100%;object-fit:contain;background:var(--freiraum-surface-muted)}.freiraum-slide{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--freiraum-surface)}.freiraum-slide-title{margin:0;padding:.85rem 1.25rem;background:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font-size:1.25rem;font-weight:700;line-height:1.3}.freiraum-slide-intro{padding:1rem 1.25rem .25rem;color:var(--freiraum-text);font-size:1rem;line-height:1.45}.freiraum-slide-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--freiraum-gap);padding:1rem 1.25rem;flex:1;min-height:0}.freiraum-slide-left,.freiraum-slide-right{min-width:0}.freiraum-slide-action{display:flex;justify-content:flex-end;gap:.75rem;padding:.75rem 1.25rem 1.25rem}@media(max-width:48rem){.freiraum-slide-columns{grid-template-columns:1fr}}.freiraum-next{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--freiraum-radius);background:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font:inherit;font-weight:600;padding:.65rem 1.25rem;cursor:pointer}.freiraum-next:disabled{opacity:.45;cursor:not-allowed}.freiraum-next:not(:disabled):hover,.freiraum-next:not(:disabled):focus-visible{filter:brightness(.95);outline:none}.freiraum-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#18181b73}.freiraum-confirm-dialog{width:min(28rem,100%);background:var(--freiraum-surface);border-radius:var(--freiraum-radius);border:1px solid var(--freiraum-border);padding:1.25rem;display:grid;gap:1rem}.freiraum-confirm-dialog p{margin:0;line-height:1.45}.freiraum-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.freiraum-confirm-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface);color:var(--freiraum-text);font:inherit;padding:.5rem .9rem;cursor:pointer}.freiraum-confirm-actions button[data-primary=true]{border-color:var(--freiraum-accent);background:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font-weight:600}.freiraum-overview{padding:1.25rem}.freiraum-overview-list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.freiraum-overview-list button{width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface);padding:1rem;font:inherit;cursor:pointer;display:grid;gap:.35rem}.freiraum-overview-label{font-weight:600}.freiraum-overview-desc{color:var(--freiraum-text-muted);font-size:.95rem}.bioakustik-intro-heading{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;line-height:1.3}.bioakustik-intro-body p{margin:0 0 .85rem;line-height:1.5;color:var(--freiraum-text)}.bioakustik-intro-body p:last-child{margin-bottom:0}