@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";@font-face{font-family:Inter;src:url(Inter-VariableFont_opsz,wght.cc27cf3ff100ea21.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;src:url(Inter-Italic-VariableFont_opsz,wght.dd830f3b569412d7.ttf) format("truetype")}:root{font-family:PT Sans,Inter,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.25;margin:0;padding:0;background:var(--color-page-background);color:var(--color-text-primary);--space-page: 2rem;--space-section: 1.5rem;--space-block: 1rem;--space-card: 1.25rem;--space-stack: .75rem;--space-inline: .5rem;--space-tight: .25rem;--space-control-x: .75rem;--space-control-y: .45rem;--space-control-x-compact: .5rem;--space-control-y-compact: .35rem;--size-control-height: 2.75rem;--size-control-min-width: 5rem;--radius-card: .75rem;--radius-control: .5rem;--radius-chip: .5rem;--radius-round: 999px;--shadow-card: 0 2px 10px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .25);--hue-navigation: 205;--hue-accent: 335;--hue-success: 165;--hue-warning: 85;--hue-error: 35;--hue-destructive: 20;--lum-page: 97%;--lum-surface: 100%;--lum-control: 66%;--lum-border: 48%;--lum-text-on-dark: 98%;--chr-neutral: .02;--chr-navigation: .12;--chr-accent: .16;--chr-muted: .05;--color-page-background: oklch(var(--lum-page) var(--chr-neutral) 0);--color-surface-default: oklch(var(--lum-surface) var(--chr-neutral) 0);--color-surface-muted: oklch(95% var(--chr-neutral) 0);--color-surface-subtle: oklch(97% var(--chr-neutral) 0);--color-surface-contrast: oklch(90% var(--chr-neutral) 0);--color-border-subtle: oklch(var(--lum-border) var(--chr-neutral) 0);--color-border-muted: oklch(86% var(--chr-neutral) 0);--color-text-primary: oklch(22% .02 270);--color-text-muted: oklch(45% .02 270);--color-text-subtle: oklch(60% .02 270);--color-text-disabled: oklch(70% .02 270);--color-text-on-dark: oklch(var(--lum-text-on-dark) var(--chr-neutral) 0);--color-navigation-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-navigation));--color-navigation-bg-soft: oklch(90% var(--chr-muted) var(--hue-navigation));--color-navigation-border: oklch(var(--lum-border) var(--chr-navigation) var(--hue-navigation));--color-navigation-bg-strong: oklch(40% var(--chr-navigation) var(--hue-navigation));--color-navigation-hover: rgba(255, 255, 255, .12);--color-navigation-active: rgba(255, 255, 255, .28);--color-navigation-border-weak: rgba(255, 255, 255, .4);--color-navigation-border-strong: rgba(255, 255, 255, .7);--color-navigation-surface: rgba(255, 255, 255, .07);--color-navigation-text: rgba(255, 255, 255, .9);--color-navigation-text-muted: rgba(255, 255, 255, .65);--color-navigation-text-subtle: rgba(255, 255, 255, .55);--color-accent-bg: oklch(var(--lum-control) var(--chr-accent) var(--hue-accent));--color-accent-bg-soft: oklch(92% var(--chr-muted) var(--hue-accent));--color-accent-border: oklch(var(--lum-border) var(--chr-accent) var(--hue-accent));--color-accent-bg-strong: oklch(54% var(--chr-accent) var(--hue-accent));--color-success-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-success));--color-warning-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-warning));--color-error-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-error));--color-success-bg-strong: oklch(54% var(--chr-navigation) var(--hue-success));--color-warning-bg-strong: oklch(54% var(--chr-navigation) var(--hue-warning));--color-error-bg-strong: oklch(54% var(--chr-navigation) var(--hue-error));--color-success-bg-soft: oklch(92% var(--chr-muted) var(--hue-success));--color-warning-bg-soft: oklch(92% var(--chr-muted) var(--hue-warning));--color-error-bg-soft: oklch(92% var(--chr-muted) var(--hue-error));--color-success-text: oklch(35% var(--chr-navigation) var(--hue-success));--color-warning-text: oklch(35% var(--chr-navigation) var(--hue-warning));--color-error-text: oklch(35% var(--chr-navigation) var(--hue-error));--color-destructive-bg: oklch(var(--lum-control) var(--chr-accent) var(--hue-destructive));--color-destructive-bg-soft: oklch(92% var(--chr-muted) var(--hue-destructive));--color-destructive-bg-strong: oklch(54% var(--chr-accent) var(--hue-destructive));--color-destructive-border: oklch(var(--lum-border) var(--chr-accent) var(--hue-destructive));--color-destructive-text: oklch(35% var(--chr-accent) var(--hue-destructive));--color-focus-ring: var(--color-accent-bg-soft);--color-discipline-standard: #bd0023;--color-discipline-latein: #e95d00;--color-discipline-kombination: #eec008;--color-discipline-formation: #69005f;--color-discipline-jmc: #0044bb;--color-discipline-success: #7ec000;--color-discipline-petrol: #0c6a71}body{margin:0;padding:0;background:var(--color-page-background);color:var(--color-text-primary)}h1,h2,h3,h4{color:var(--color-text-primary);font-weight:700;margin:0 0 var(--space-stack)}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.15rem}a{color:var(--color-accent-bg);text-decoration:none;&:hover{color:var(--color-accent-border);text-decoration:underline}}button,.like-button{color:var(--color-text-primary);background:var(--color-surface-default);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-control-y) var(--space-control-x);min-height:var(--size-control-height);min-width:var(--size-control-min-width);cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-family:inherit;font-size:.875rem;&:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border-subtle)}&.in-text{border:none;padding:0 var(--space-tight);min-height:1rem}&.in-input{padding:2px var(--space-control-x-compact);min-height:calc(1rem + 2px)}&:disabled{background:var(--color-surface-subtle);border-color:var(--color-border-muted);color:var(--color-text-disabled);cursor:default}}.like-button{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}button.btn-primary,.btn-primary{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-text-on-dark)}button.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-accent-bg-strong);border-color:var(--color-accent-border)}button.btn-secondary,.btn-secondary{background:var(--color-surface-default);border-color:var(--color-border-subtle);color:var(--color-text-primary)}button.btn-secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted)}button.btn-destructive,.btn-destructive{background:var(--color-destructive-bg);border-color:var(--color-destructive-border);color:var(--color-text-on-dark)}button.btn-destructive:hover:not(:disabled),.btn-destructive:hover:not(:disabled){background:var(--color-destructive-bg-strong)}button.btn-outline,.btn-outline{background:transparent;border-color:var(--color-border-subtle);color:var(--color-text-primary)}button.btn-ghost,.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-primary)}button.btn-small,.btn-small{min-height:2.25rem;padding:var(--space-control-y-compact) var(--space-control-x-compact);font-size:.8125rem}input,select,textarea{font:inherit;color:var(--color-text-primary);background:var(--color-surface-default);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-control-y) var(--space-control-x);min-height:var(--size-control-height)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent-border);outline-offset:1px;box-shadow:0 0 0 2px var(--color-focus-ring)}.mini-grid{display:inline-grid;grid-template-columns:repeat(2,min-content);gap:var(--space-inline);align-items:center;justify-items:start}app-root{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden}@media (min-width: 641px){app-root{flex-direction:row}}