:root{--bp-xs: 20rem;--bp-tablet: 48rem;--bp-laptop: 64rem;--bp-wide: 90rem;--color-navy: #143048;--color-navy-light: #1c3a57;--color-navy-dark: #04192B;--hero-navbar-blend: #182b3c;--hero-navbar-blend: color-mix(in srgb, var(--color-navy-dark) 92%, #ffffff 8%);--color-white: #F7F7FA;--color-accent: #30BFAC;--color-accent-dark: #28A594;--color-accent-light: #4DD4C0;--marketing-headline-gradient: linear-gradient( to bottom right in oklch, #d7fff8 0%, #b8f0e4 18%, #8cf2e2 36%, #62dcc8 52%, #4dd4c0 68%, #30bfac 100% );--color-coral: #E56B6F;--color-coral-dark: #D45458;--color-coral-light: #EE8F92;--color-slate: #566878;--color-slate-light: #BEC7D0;--color-text: #143048;--color-text-muted: #566878;--color-text-light: #BEC7D0;--color-text-on-dark: #FFFFFF;--color-text-on-dark-muted: #BEC7D0;--color-border: #dce1e7;--color-bg: #F7F7FA;--color-bg-alt: #eef0f4;--color-surface: #ffffff;--color-cta-bg: #ffffff;--color-cta-bg-hover: #eef1f4;--color-cta-border: rgba(20, 48, 72, .14);--color-cta-border-hover: rgba(20, 48, 72, .24);--font-heading: "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "Nunito Sans", system-ui, -apple-system, sans-serif;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--radius-image: var(--radius-lg);--shadow-sm: 0 1px 2px rgba(20, 48, 72, .05);--shadow-md: 0 4px 12px rgba(20, 48, 72, .08);--shadow-lg: 0 8px 30px rgba(20, 48, 72, .12);--shadow-xl: 0 20px 60px rgba(20, 48, 72, .15);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-max: 75rem;--container-padding: clamp(1.25rem, 3vw, 2.5rem);--fuer-lehrkraefte-band-max: 56rem;--type-h1-size: clamp(2.375rem, 2.05rem + 1.4vw, 3.5rem);--type-h2-size: clamp(1.7rem, 1.45rem + 1.05vw, 2.85rem);--type-h3-size: clamp(1.125rem, 1.02rem + .55vw, 1.4375rem);--type-lead-size: clamp(1.0625rem, .98rem + .45vw, 1.25rem);--type-body-readable: clamp(.9375rem, .91rem + .18vw, 1.0625rem);--type-small-size: clamp(.8125rem, .76rem + .22vw, .9375rem);--type-caption-size: clamp(.75rem, .7rem + .2vw, .875rem);--type-display-lead: clamp(3.1rem, 2.1rem + 5.2vw, 8.75rem);--type-display-accent: clamp(2.1rem, 1.45rem + 3.5vw, 4.55rem);--type-hero-page-lead: clamp(2.5rem, 2.05rem + 2.1vw, 4rem);--type-hero-page-accent: clamp(1.9rem, 1.5rem + 1.45vw, 3.05rem);--type-legal-banner-title: clamp(1.625rem, 1.32rem + 1vw, 2.125rem);--type-legal-doc-h1: clamp(1.5rem, 1.3rem + .55vw, 1.75rem);--type-legal-doc-h2: clamp(1.175rem, 1.06rem + .4vw, 1.35rem);--type-legal-doc-h3: clamp(1.02rem, .95rem + .28vw, 1.1rem);--type-legal-doc-h4: 1rem;--type-stat-numeric: clamp(1.95rem, 1.5rem + 2.2vw, 2.85rem);--nav-height: 4.5rem;--touch-target-min: 2.75rem;--btn-cta-font-family: var(--font-heading);--btn-cta-font-size: 1rem;--btn-cta-font-weight: 600;--btn-cta-line-height: 1.25;--btn-cta-letter-spacing: 0;--btn-cta-padding-y: .875rem;--btn-cta-padding-x: 2rem;--brand-icon-box: clamp(3.25rem, 5.5vw, 4rem);--brand-icon-inset: .125rem;--brand-icon-gap-after: 1rem;--brand-icon-on-dark: rgba(255, 255, 255, .9);--marketing-icon-card-title-size: clamp(1.05rem, 1.35vw, 1.35rem);--marketing-icon-card-title-weight: 700;--marketing-icon-card-title-line: 1.28;--marketing-icon-card-body-size: .9375rem;--marketing-icon-card-body-line: 1.5;--marketing-icon-card-body-color: rgba(255, 255, 255, .72);--marketing-section-y: clamp(3.5rem, 7vw, 5rem);--marketing-section-header-gap: clamp(1.75rem, 3.5vw, 2.5rem);--marketing-grid-gap: clamp(1.35rem, 3.2vw, 2.75rem);--marketing-section-heading-font: var(--font-heading);--marketing-section-heading-size: var(--type-h2-size);--marketing-section-heading-weight: 700;--marketing-section-heading-line: 1.22;--marketing-section-heading-track: -.02em;--marketing-section-subline-size: clamp(1.32rem, 1.1rem + .95vw, 2.02rem);--marketing-section-subline-weight: 400;--marketing-section-subline-line: 1.15;--marketing-body-on-dark-size: clamp(.94rem, 1.35vw, 1.05rem);--marketing-body-on-dark-line: 1.65}.marketing-section-subline{display:block;font-family:var(--font-heading);font-size:var(--marketing-section-subline-size);font-weight:var(--marketing-section-subline-weight);line-height:var(--marketing-section-subline-line);letter-spacing:-.02em;margin:0;min-width:0;max-width:100%;overflow-wrap:break-word;text-wrap:balance;background:var(--marketing-headline-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@supports not ((-webkit-background-clip: text) or (background-clip: text)){.marketing-section-subline{background:none;-webkit-text-fill-color:unset;color:#d7fff8}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{width:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.7;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;width:100%}main{flex:1;width:100%;min-width:0;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-navy);letter-spacing:-.02em}h1{font-size:var(--type-h1-size)}h2{font-size:var(--marketing-section-heading-size);font-weight:var(--marketing-section-heading-weight);line-height:var(--marketing-section-heading-line);letter-spacing:var(--marketing-section-heading-track);padding-left:0;padding-right:0}h3{font-size:var(--type-h3-size)}p{max-width:65ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-dark)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}img{display:block;max-width:100%;height:auto}video,canvas{max-width:100%;height:auto}dialog{box-sizing:border-box;max-width:calc(100vw - 2rem);max-height:min(100dvh,100vh)}svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-max);min-width:0;margin:0 auto;padding-inline:var(--container-padding)}.section{padding:var(--marketing-section-y) 0;position:relative}.ui-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none}.ui-blob--accent{background:var(--color-accent);opacity:.15}.ui-blob--coral{background:var(--color-coral);opacity:.12}.ui-glass-panel{position:relative;z-index:1;background:#14304866;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:3rem}.ui-glass-card{position:relative;z-index:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2.5rem 2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base)}@media(hover:hover)and (pointer:fine){.ui-glass-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#fff3}}.ui-glass-card-light{position:relative;z-index:1;background:#fff9;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);padding:2.5rem 2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}@media(hover:hover)and (pointer:fine){.ui-glass-card-light:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#30bfac80;background:#ffffffb3}}.section--dark{--grad-angle: 135deg;background:linear-gradient(var(--grad-angle) in oklch,#04192B 0%,#0c2d42 25%,#15535a 55%,#28A594 80%,#30BFAC 100%);color:var(--color-text-on-dark)}.section--dark h1,.section--dark h2,.section--dark h3{color:var(--color-white)}.section--alt{position:relative;background:radial-gradient(circle at 0% 0%,rgba(48,191,172,.08),transparent 40%),radial-gradient(circle at 100% 100%,rgba(229,107,111,.08),transparent 40%),var(--color-bg-alt);z-index:0;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--btn-cta-font-family);font-weight:var(--btn-cta-font-weight);font-size:var(--btn-cta-font-size);line-height:var(--btn-cta-line-height);letter-spacing:var(--btn-cta-letter-spacing);padding:var(--btn-cta-padding-y) var(--btn-cta-padding-x);min-height:var(--touch-target-min);border-radius:var(--radius-full);transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn--primary,a.btn--primary,button.btn--primary{font-family:var(--btn-cta-font-family);font-weight:var(--btn-cta-font-weight);font-size:var(--btn-cta-font-size);line-height:var(--btn-cta-line-height);letter-spacing:var(--btn-cta-letter-spacing);padding:var(--btn-cta-padding-y) var(--btn-cta-padding-x)}button.btn{cursor:pointer;appearance:none}.btn--primary{background:var(--color-cta-bg);color:var(--color-navy);border:1px solid var(--color-cta-border);box-shadow:0 2px 12px #1430481a}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #14304824;color:var(--color-navy-dark);background:var(--color-cta-bg-hover);border-color:var(--color-cta-border-hover)}.btn--primary:focus-visible{outline:2px solid var(--color-navy);outline-offset:3px}.btn--primary:active{transform:translateY(0)}@media(hover:none){.btn--primary:active{background:var(--color-cta-bg-hover);border-color:var(--color-cta-border-hover)}}a.btn--primary:visited{color:var(--color-navy)}a.btn--primary:visited:hover{color:var(--color-navy-dark)}.btn--ghost{background:transparent;color:var(--color-white);border:2px solid rgba(247,247,250,.3)}.btn--ghost:hover{background:#f7f7fa1a;border-color:#f7f7fa99;color:var(--color-white)}.btn--outline{background:transparent;color:var(--color-navy);border:2px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.stagger-children>.reveal:nth-child(1){transition-delay:0s}.stagger-children>.reveal:nth-child(2){transition-delay:.1s}.stagger-children>.reveal:nth-child(3){transition-delay:.2s}.stagger-children>.reveal:nth-child(4){transition-delay:.3s}.stagger-children>.reveal:nth-child(5){transition-delay:.4s}.hero__image-frame img,.ifs__img{transition:transform 80ms linear;will-change:transform}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section--dark{--grad-angle: 135deg !important}.hero__image-frame img,.ifs__img{transition:none;transform:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.btn--primary:hover,.btn--primary:active{transform:none}}@media(max-width:48rem){:root{--container-padding: clamp(1.2rem, 3.2vw, 1.45rem)}}@media(max-width:640px){:root{--container-padding: 1.25rem;--marketing-section-y: clamp(3rem, 9vw, 4rem)}}@media(max-width:25rem){:root{--container-padding: 1rem}}@media(max-height:32rem)and (max-width:64rem){:root{--marketing-section-y: clamp(2.5rem, 6vh, 3.5rem)}}.brand-icon-slot{display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--brand-icon-box);height:var(--brand-icon-box);padding:var(--brand-icon-inset)}.brand-icon-slot svg{width:100%;height:100%}.brand-icon-slot--ring{width:calc(var(--brand-icon-box) + 1.5rem);height:calc(var(--brand-icon-box) + 1.5rem);padding:.75rem;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.2);background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-accent-light)}@media(max-width:640px){.ui-glass-panel{padding:clamp(1.25rem,4vw,2rem)}.ui-glass-card,.ui-glass-card-light{padding:clamp(1.25rem,4vw,2rem) clamp(1rem,3vw,1.5rem)}.btn{white-space:normal;text-align:center;font-size:var(--btn-cta-font-size);line-height:var(--btn-cta-line-height);letter-spacing:var(--btn-cta-letter-spacing);padding:var(--btn-cta-padding-y) clamp(1rem,4vw,var(--btn-cta-padding-x));max-width:100%;box-sizing:border-box}}html.keystatic-cms-preview a[href]{pointer-events:none;cursor:default}